/*
Theme Name: Motrax
Theme URI: soyAlexey.github.io
Template: generatepress
Author: Alexey Martínez
Author URI: https://generatepress.com/about
Description: Motrax Theme is a child copy of GeneratePress, a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.6.0.1750975859
Updated: 2025-06-27 00:10:59

*/

/* ##### GeneratePress rewrite ##### */
.one-container .site-content {
  padding: 0 2rem;
}

/* ########## Variables ########## */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 9rem;
}
body {
    overflow-x: hidden;
}

a.wp-block-button__link.wp-element-button {
  border-radius: 0;
  padding: 0.6rem 3rem;
  text-transform: uppercase;
}

.wp-block-button.btn-style-border-white > a {
  background-color: transparent;
  border: 1px solid var(--clr-white);
	text-transform: uppercase;
}

a.btn-style-border-emphasis {
  display: flex;
  justify-content: center;
  width: fit-content;
  padding: 0.6rem 2rem;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--clr-medium-orange);
  border: 1px solid var(--clr-medium-orange);
}

a.btn-style-border-emphasis:hover {
  background-color: var(--clr-medium-orange);
  color: var(--clr-white);
}

a.btn-style-normal {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: .5rem 2rem;
	font-family: Titillium Web, sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.04375rem;
	text-transform: uppercase;
	line-height: normal;
	text-decoration: none;
	color: var(--clr-white);
	background-color: var(--clr-medium-orange);
	border: 2px solid transparent;
}

a.btn-style-normal:is(:hover,:focus) {
	color: var(--clr-medium-orange);
	background-color: var(--clr-white);
	border-color: var(--clr-medium-orange);
}

.font-titilium {
  font-family: Titillium Web, sans-serif;
}

.width-1080 {
  max-width: 67.5rem;
}

.m-auto {
  margin-left: auto;
  margin-right: auto;
}

.text-orange-medium {
  color: var(--clr-medium-orange);
}

.text-gray-dark {
  color: var(--clr-dark-gray);
}

.text-gray-medium {
  color: var(--clr-medium-gray);
}

.text-gray-light {
    color: var(--clr-light-gray);
}

.text-white {
  color: var(--clr-white);
}

.text-bodyS {
  font-size: 0.875rem;
}

.text-sm {
    font-size: 0.875rem;
}


.font-light {
	font-weight: 300;
}

.font-normal {
    font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.inline {
  display: inline;
}

.uppercase {
  text-transform: uppercase;
}

.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
  width: auto;
}

.wp-block-cover,
.wp-block-cover-image {
  padding: unset;
}

img {
    display: block;
}


/* ########## Slides/Carousels starts ########## */
:is(.normal-button-next, .normal-button-prev) {
  position: unset;
  display: block;
  margin-top: unset;
  height: 2.625rem;
  width: 2.625rem;
  background: var(--clr-medium-gray);
  transition: background 0.4s;
  cursor: pointer;
}

:is(.normal-button-next, .normal-button-prev) > svg {
    display: none;
}

:is(.normal-button-next, .normal-button-prev):hover {
    background: var(--clr-medium-orange);
}

.normal-button-prev {
  -webkit-mask-image: url(./assets/icons/prev-arrow.svg);
  mask-image: url(./assets/icons/prev-arrow.svg);
}

.normal-button-next {
  -webkit-mask-image: url(./assets/icons/next-arrow.svg);
  mask-image: url(./assets/icons/next-arrow.svg);
}

:is(.normal-button-next, .normal-button-prev)::after {
  display: none;
}

/* ########## Header starts ########## */
.site-header {
	position: sticky;
	top: 0;
	z-index: 99999;
	background-color: var(--clr-white);
}

.site-header::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(45deg, #E94F27 0%, #ffa501 100%);
}

/*########## Pagination starts ########## */
.Product-controls {
    position: relative;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  margin-top: 2.5rem;
}

.Controls-numbers ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin: 0;
}

.Controls-numbers a {
    color: #949CA1;
    text-decoration: none;
    font-weight: normal;
}

.Controls-numbers :is(a, span) {
    padding: 0.25rem 0.5rem;
}

.Arrows-container {
    display: flex;
    flex-shrink: 0;
    gap: 0.5rem;
}

.Arrows-arrow img {
    width: 2.625rem;
    height: 2.625rem;
    transition: filter 0.4s;
}

.Arrows-arrow.arrow-next:not(.disabled):hover img {
  filter: brightness(0) saturate(100%) invert(49%) sepia(96%) saturate(851%) hue-rotate(351deg) brightness(97%) contrast(93%);
}

.Arrows-arrow.disabled {
    opacity: 0.5;
}

.Breadcrumb {
    margin-bottom: 2.5rem;
    color: #949CA1;
}

.Breadcrumb a {
    display: inline-block;
    text-decoration: none;
    color: #949CA1;
}

.Breadcrumb-model {
    display: block;
}

#contact {
    position: relative;
}

.whatsapp-btn {
    position: absolute;
    top: -2rem;
    right: 0;
    bottom: 0;
    display: inline-block;
}

.whatsapp-btn svg {
    position: sticky;
    top: var(--top-whastapp-btn, 8rem);
    display: block;
    height: 1.75rem;
    width: 1.75rem;
    padding: 0.3rem;
    box-sizing: content-box;
    background: #25D366;
    border-radius: 100%;
    transition: background 0.3s;
}

.page-id-464 .whatsapp-btn {
    right: 1rem;
}

.whatsapp-btn svg:hover {
    background: #1ebe5c;
}


@media (width > 48em) {
    /*########## Pagination starts ########## */
    .Product-controls {
        justify-content: flex-end;
    }
    
    .Controls-numbers {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }
    .Breadcrumb-model {
        display: inline-block;
    }
    
    .whatsapp-btn svg {
        height: 2.75rem;
        width: 2.75rem;
        padding: 0.62rem;
    }
    
    .page-id-464 .whatsapp-btn {
        right: -3.5rem;
    }
}

@media (width <= 768px) {
  .one-container .site-content {
    padding: 0 1rem;
  }
}