/*
Theme Name: Xtreme Theme Premium
Theme URI: 
Author: Colmena Interactive
Author URI: https://wordpress.org
Description: Xtreme Theme Premium
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.4
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
@import "./assets/css/header.css";
@import "./assets/css/banners.css";
@import "./assets/css/products.css";
@import "./assets/css/performance.css";
@import "./assets/css/pro-expert.css";
@import "./assets/css/seduction.css";
@import "./assets/css/wax.css";
@import "./assets/css/pomade.css";
@import "./assets/css/xtreme-people.css";
@import "./assets/css/map.css";
@import "./assets/css/contact.css";
@import "./assets/css/footer.css";
:root {
  --color-green: #a6d719;
  --color-blue: #002e7c;
  --color-black: #19265a;
}
html,
body {
  font-family: "Ubuntu", sans-serif;
  overflow-x: hidden;
  width: 100%;
}

.no-scroll {
  overflow: hidden;
}

.ubuntur {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ubuntub {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: normal;
}

ul.xtreme {
  text-align: left;
  font-size: 18px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  padding-left: 0;
  margin-top: 28px;
}

ul.xtreme li {
  width: 100%;
}
ul.xtreme li::before {
  content: "•";
  font-size: 28px;
  color: var(--color-green);
  padding-right: 0.5em;
}

#page404 {
  color: white;
  background: linear-gradient(to bottom, #0a285e 90%, #002c7f);
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;

  h1 {
    font-size: 100px;
  }
}

@media screen and (min-width: 1024px) {
  ul.xtreme {
    text-align: left;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0;
    margin-top: 28px;
  }
  ul.xtreme li {
    width: 50%;
  }
}

.btn-green {
  background: transparent url("./assets/images/btn-green.svg") 0 0 no-repeat;
  margin-top: 37px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: var(--color-black);
  text-decoration: none;
  width: 200px;
  position: relative;
  border: 0;
}

.mobile-menu {
  transition: right 0.5s ease-in-out;
  background: linear-gradient(to bottom, #0a285e 90%, #002c7f);
  position: fixed;
  width: 100%;
  height: 100%;
  right: -100%;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
  ul {
    margin: 0;
    padding: 0;
    text-align: center;

    li {
      padding: 10px 0;
      a {
        color: white;
        font-size: 38px;
        text-decoration: none;
      }
    }
  }
}

.mobile-menu.open {
  right: 0;
}