/* 
Theme Name: Bretxia - Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featumain-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&display=swap');


@font-face {
    font-family: 'Arboria';
    src: url('fonts/Arboria-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arboria';
    src: url('fonts/Arboria-Book.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arboria';
    src: url('fonts/Arboria-Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Gin Test';
    src: url('fonts/GinTest-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --animated: all .3s ease-in-out;
    --mainColor: #2A6045;
    --midGreen: #92a393;
    --lightGreen: #D4D9B0;
    --darkBlack: #0b0d0c;
    --darkGray: #2d2d2d;
    --lightBeige: #f1eee9;

    --mainFont: 'Gin Test', sans-seriff;
    --textFont: 'Arboria', sans-seriff;
    --catFont: 'Catamaran', sans-seriff;
}

.brandColors {position: fixed; top: 0; left: 50%; z-index: 99;}

.mainColor{ color:var(--mainColor); }
.altColor{ color:var(--altColor); }
.midGreen{ color:var(--midGreen); }
.lightGreen{ color:var(--lightGreen); }
.darkBlack{ color:var(--darkBlack); }
.darkGray{ color:var(--darkGray); }
.lightBeige{ color:var(--lightBeige); }
.mainFont{ font-family:var(--mainFont); }
.textFont{ font-family:var(--textFont); }

.mainFont p, .mainFont span {font-family: var(--mainFont);}
.textFont p, .textFont span {font-family: var(--textFont);}


a {text-decoration: none; transition: var(--animated);}
body {font-family: var(--textFont); font-weight: 700;}

.noSpace, .noSpace p {padding: 0px; margin: 0px;}

.sidenav {
    height: 0px;
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: var(--lightBeige);
    overflow-x: hidden;
    transition: 0.5s;
    text-align: center;
}
.closebtn {padding-top: 10px;color: var(--mainColor);}
.side-titulo {font-family: var(--mainFont);font-size: 22px;letter-spacing: 1px;}



.footer {background: var(--mainColor); color: white;}
.footBadge {width: 400px; padding: 15px 25px 35px 15px;}
.topFooter {font-size: 22px;color: #2d2d2d;font-weight: 600;}
.botFooter {background: #2d2d2d; color: #c8c8c8; font-weight: 600; font-size: 18px;}
.botFooter a {color: var(--midGreen);font-size: 18px;transition: var(--animated);font-weight: 600;font-family: var(--catFont);letter-spacing: 1px; }
.botFooter a:hover, .botFooter a:focus, .botFooter a:active {color: var(--lightBeige); letter-spacing: 1.5px;}

.topFooter a, .footMap {font-size: 20px;font-weight: 500;font-family: var(--catFont);color: var(--lightBeige); transition: var(--animated);}
.topFooter a i, .footMap i {color: var(--lightBeige); transition: var(--animated);}
.topFooter a:hover, .topFooter a:focus, .topFooter a:active, .topFooter a:hover i, .topFooter a:focus i, .topFooter a:active i {color: var(--midGreen); letter-spacing: 1px;}
.footMap {color: var(--lightBeige);}



.modalAge .modalBody {padding: 55px;}
.modalAge .form-check {width: fit-content; margin: 0 auto;}
.modalAge .decorLeft, .modalAge .decorRight  {width: 35px; background-color: var(--mainColor); height: 2px; display: inline-block; vertical-align: middle;}
.modalAge .decorOvertitle {font-weight: 900;font-size: 16px;color: var(--mainColor);}
.modalAge .mainTitle {font-size: 24px; font-weight: 900;line-height: 25px;}
.modalAge .linkText {color: var(--mainColor);}
.modalAge .linkText a {color: var(--midGreen); font-weight: 900; text-decoration: underline;}
.modalAge .linkText a:hover, .modalAge .linkText a:focus, .modalAge .linkText a:active {color: var(--altColor);}
.modalAge .ageText {margin-top: 15px;font-size: 16px;font-weight: 600;}
.modalAge .form-check .form-check-input {margin-top: 6px;}
.modalAge .form-check-label {color: var(--mainColor); font-weight: 600;}
.modalAge .form-check-input:checked {background-color: var(--mainColor); border-color: var(--mainColor);}
.modalAge .form-check-input:focus {border-color: var(--mainColor);outline: 0;box-shadow: 0 0 0 .25rem rgba(84,89,46,.25)}
.modalAccept, .modalExit {width: 130px; height: 50px;font-size: 15px;border: none;display: inline-flex;justify-content: center;align-items: center; font-weight: 600; letter-spacing: 1px;}
.modalAccept {background: var(--midGreen);color: white;margin-right: 10px; border: 1px solid var(--midGreen);}
.modalAccept:hover, .modalAccept:focus, .modalAccept:active {background: var(--mainColor); color: white}
.modalExit {border: 1px solid var(--midGreen);color: var(--midGreen);margin-left: 10px; transition: var(--animated);}
.modalExit:hover, .modalExit:focus, .modalExit:active {background: var(--mainColor); color: white;}

#site-header{position:absolute;top:0;left:0;width:100%;z-index:1;padding:5px 0;background:transparent;transition:background .35s ease,padding .35s ease,
        box-shadow .35s ease;z-index: 3;}

#site-header .logo{height:140px;width:auto;transition:all .35s ease;}
#site-header .navbar-nav a{color:#fff;text-decoration:none;transition:.3s;}
#site-header .navbar-nav a:hover {color: var(--mainColor);}
#site-header.scrolled{position:fixed;top:0px;left:0;z-index: 2;background:var(--lightBeige);padding:12px 0;box-shadow:0 8px 25px rgba(0,0,0,.12);}
#site-header.scrolled .logo{height:55px;}
#site-header.scrolled .navbar-nav a{color:#222; font-weight: 600;}
#site-header.scrolled .navbar-nav a:hover {color: var(--mainColor);}
#site-header.scrolled .fa-bars{color:#222;}

body:not(.home) #site-header {position: fixed;top: 0;left: 0;background: var(--lightBeige);padding: 12px 0;box-shadow: 0 8px 25px rgba(0,0,0,.12);}
body:not(.home) #site-header .logo {height: 55px;}
body:not(.home) #site-header .navbar-nav a {color: #222;font-weight: 600;}
body:not(.home) #site-header .navbar-nav a:hover {color: var(--mainColor);}
body:not(.home) #site-header .fa-bars {color: #222;}

.navbar-nav .menu-item {margin: 0px 9px; position: relative;}
.navbar-nav .menu-item:not(:last-child)::after {content: "";display: block;position: absolute;height: 20px;right: -10px;bottom: -8px;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);width: 2px;background-color: rgba(255, 255, 255, .35);}
.navbar-nav .menu-item a {font-size: 14px;font-family: var(--catFont);font-weight: 700;text-transform: uppercase;letter-spacing: 0px; transition: var(--animated);}

header.scrolled .navbar-nav .menu-item:not(:last-child)::after {background: var(--lightGreen);}

.navbar-nav .menu-item>a:after {display: block;position: absolute;content: "";bottom: -4px;height: 2px;width: calc(100% - 4px);-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: right;-ms-transform-origin: right;transform-origin: right;background-color: var(--mainColor);-webkit-transition: -webkit-transform .2s ease-in-out;transition: -webkit-transform .2s ease-in-out;-o-transition: transform .2s ease-in-out;transition: transform .2s ease-in-out;transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;}

.navbar-nav .menu-item:hover>a:after {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: left;-ms-transform-origin: left;transform-origin: left;-webkit-transition: -webkit-transform .3s ease-in-out;transition: -webkit-transform .3s ease-in-out;-o-transition: transform .3s ease-in-out;transition: transform .3s ease-in-out;transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;}

.topSocial a {font-size: 20px;background: transparent;color: white;border-radius: 8px;border: 1px solid white;width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center; margin: 0px 5px; transition: var(--animated);}
.topSocial a:hover {border: 1px solid var(--midGreen); color: white; background: var(--midGreen);}

.scrolled .topSocial a {background: var(--midGreen); color: var(--lightBeige);}
.scrolled .topSocial a:hover {background: var(--mainColor); color: white;}

.bottleCont:nth-child(2):after, .bottleCont:nth-child(2):before {content: '';background: #cdcdcd;width: 1px;height: 650px;transform: translate(-50%,-50%);position: absolute; top: 50%;}
.bottleCont:nth-child(2):before {left:-10px; }
.bottleCont:nth-child(2):after {right: -10px;}

.glass-card {width: 95%;height: fit-content;background: rgb(255 255 255 / 100%);backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);
  border-radius: 0px;border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow:
    0 15px 40px rgba(0, 0, 0, 0.0),
    0 5px 15px rgba(0, 0, 0, 0.0),
    inset 0 1px 1px rgba(255, 255, 255, 0);
  position: relative;overflow: hidden;padding: 5px;margin-left: auto;margin-right: auto;}


.bottleCont .glassJoven {border-bottom: 3px solid #2A6045;}

.bottleCont .glassReposado {border-bottom: 3px solid #8E6214;}

.bottleCont .glassAnejo {border-bottom: 3px solid #313324;}

.purchaseJoven {letter-spacing: 1px;backdrop-filter: blur(5px);font-size:18px;border: 2px solid #2A6045;background: transparent;color: #2A6045;padding: 14px 28px;font-size: 18px;font-weight: 700;transition: var(--animated);}
.purchaseJoven:hover, .purchaseJoven:focus, .purchaseJoven:active {background:#2A6045; color: white; border-radius:100px; }
.purchaseReposado {letter-spacing: 1px;backdrop-filter: blur(5px);font-size:18px;border: 2px solid #8E6214;background: transparent;color: #8E6214;padding: 14px 28px;font-size: 18px;font-weight: 700;transition: var(--animated);}
.purchaseReposado:hover, .purchaseReposado:focus, .purchaseReposado:active {background:#8E6214; color: white; border-radius:100px; }
.purchaseAnejo {letter-spacing: 1px;backdrop-filter: blur(5px);font-size:18px;border: 2px solid #313324;background: transparent;color: #313324;padding: 14px 28px;font-size: 18px;font-weight: 700;transition: var(--animated);}
.purchaseAnejo:hover, .purchaseAnejo:focus, .purchaseAnejo:active {background:#313324; color: white; border-radius:100px; }

.logoDesc {width: 150px;}

#banOnetext {opacity: 1;transform: translateY(0px);transition: opacity .5s ease, transform .5s ease;pointer-events: none;}
#banOnetext.active {opacity: 1;transform: translateY(0);pointer-events: auto;}

.newsLabel {font-size: 18px;font-weight: 500;color: #fffdf9;margin-bottom: 5px; font-family: var(--catFont);}
.newsForm input[type="submit"] {padding: 12px 25px;letter-spacing: 4px;font-size: 18px;font-weight: 800;font-family: var(--catFont);color: white;
    border: 1px solid white;transition: var(--animated);}
.newsForm input[type="submit"]:hover, .newsForm input[type="submit"]:active, .newsForm input[type="submit"]:focus {background: var(--mainColor); color: white; border: 1px solid var(--mainColor);}

body.single-product {padding-top: 150px;}
.summary .product_title {font-family: var(--catFont);color: #3f3f3f; font-weight: 700;}
.summary .price .amount {color: var(--mainColor);font-size: 35px;font-family: var(--catFont);}
.summary .price .woocommerce-Price-currencySymbol {font-size: 22px;}
.woocommerce-product-details__short-description {font-size: 20px;}
.woocommerce div.product form.cart .button {background: #2a6045bf; padding: 13px 25px;}
.woocommerce div.product form.cart .button:hover,.woocommerce div.product form.cart .button:active, .woocommerce div.product form.cart .button:focus {background: #2a6045; }
.posted_in a {color: var(--midGreen);}

body.woocommerce-cart #content {padding: 150px 0px 250px 0px;}
.woocommerce-cart .entry-title {font-family: var(--mainFont);font-size: 45px;}
.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header, .wc-block-cart__totals-title {font-size: 23px !important;font-family: var(--catFont) !important;}
.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {font-size: 20px; text-decoration: none; color: black;}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) { color: white; font-size: 22px; font-weight: 700; border:none; min-height: 3em;background: hsl(150deg 39% 27% / 75%);border-radius: 100px;text-decoration: none; transition: var(--animated);}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover {background: hsl(150deg 39% 27% / 100%);color: white;}

.woocommerce-checkout #content {padding: 125px 0px 0px 0px;}
.woocommerce-checkout .entry-title {font-family: var(--mainFont);color: #3f3f3f;}

.woocommerce div.product .woocommerce-tabs ul.tabs {display: none !important;}
.woocommerce div.product .woocommerce-tabs .panel {display: none !important;}
.related.products {margin-top: 50px;}
.related.products h2 {font-weight: 600;}
.related.products .woocommerce-loop-product__title {font-size: 22px !important;font-weight: 600;color: var(--darkGray);transition: var(--animated);}
.related.products .woocommerce-loop-product__title:hover {color: var(--mainColor);}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {color: var(--mainColor);font-size: 20px;font-weight: 700;font-family: var(--catFont);}
.woocommerce ul.products li.product .button {
    display: inline-block;
    margin-top: 1em;
    background: hsl(150deg 39% 27% / 75%);
    color: white;
    border-radius: 100px;
}

.woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .button:focus, .woocommerce ul.products li.product .button:active {background: hsl(150deg 39% 27% / 100%);}
.woocommerce a.added_to_cart {padding-top: .5em;display: inline-block;padding: 6px 16px;margin-left: 5px;color: white;background: hsl(124deg 8% 61% / 75%);border-radius: 100px;}
.woocommerce a.added_to_cart:hover, .woocommerce a.added_to_cart:focus, .woocommerce a.added_to_cart:active {background: hsl(124deg 8% 61% / 100%);}
.wc-block-components-title.wc-block-components-title {font-size: 24px !important; font-weight: 600 !important;}
.formTitle {font-size: 22px;font-family: var(--mainFont);letter-spacing: 1px;color: #3a3a3a;font-weight: 100; margin-bottom: 5px;}
.formContacto {font-size: 18px;font-weight: 500;font-family: var(--catFont);}
.formContacto .wpcf7-submit {background: var(--midGreen);color: white;font-size: 22px;font-weight: 500;border: none;padding: 10px 40px;border-radius: 100px; letter-spacing: 1.5px; transition: var(--animated);}
.formContacto .wpcf7-submit:hover, .formContacto .wpcf7-submit:focus, .formContacto .wpcf7-submit:active {background: var(--mainColor); padding: 10px 55px;}

.woocommerce-breadcrumb a, .posted_in a {pointer-events: none;cursor: default;text-decoration: none;}

.founderCards .mainFont {font-family: var(--mainFont); color: var(--mainColor);}
.founderCards .textFont {font-family: var(--textFont);font-size: 50px;font-weight: 800; color: #303030;}
.tierDescription {min-height: 120px;}

.foundersInfo i {color: #92A393;transition: var(--animated);}
.foundersInfo i:hover, .foundersInfo i:focus, .foundersInfo i:active {color: var(--mainColor);}

.foundersPop {background: white;font-size: 16px;border-radius: 10px;}
.foundersPop {max-width: 400px;}
.foundersPop .popover-header {background: #3E3937;color: white;font-size: 18px;}
.foundersPop .popover-body {background: #2a2725;color: #f1eee9;border-radius: 0px 0px 10px 10px;}

.navbar-toggler {width: 50px;height: 40px;background: white;color: #2a6045;border: none;}
.navbar-toggler-icon {width: fit-content; height: fit-content;background: none;}

#our-mezcales {overflow: hidden;}


.navMenu .menu-principal-container {margin-top: 20px;}
.navMenu .navbar-nav .menu-item {margin: 5px 0px;}
.navMenu .navbar-nav .menu-item a {font-size: 18px; color: #3E3937 !important;}
.navMenu .navbar-nav .menu-item a:after, .navMenu .navbar-nav .menu-item a:before  {display: none;}

.wpcf7-response-output {background: white !important;font-size: 18px;}
.wpcf7-not-valid-tip {background: #ffffffc7; padding:10px; font-size:16px; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .modalAge .mainTitle {font-size: 28px; line-height: 30px;}


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .modalAge .ageText {font-size: 17px;}
    .botFooter {font-size: 20px;}
    
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #site-header.scrolled{top:0px;}
    #site-header .logo {height: 250px;}

    #banOnetext {opacity: 0;transform: translateY(12px);}
    #banOnetext.active {opacity: 1;transform: translateY(0);}
 
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
    .navbar-nav .menu-item {margin: 0px 10px;}
    .navbar-nav .menu-item a {font-size: 15px;}
    #site-header .logo {height: 300px;}
    .glass-card {width: 85%;}




}

/* No Bootstrap Class (larger desktops, 1900px and up) */
@media (min-width: 1900px) { 
    #site-header .logo {height: 400px;}
    .navbar-nav .menu-item:not(:last-child)::after {right: -20px;}
    .glass-card {padding: 25px;}
    .navbar-nav .menu-item {margin: 0px 15px;}


}