/*
Theme Name: San Antonio Extremo (Hello Biz Child)
Theme URI: https://github.com/elementor/hello-biz-child/
Description: Hello Biz Child is a child theme of Hello Biz, created by Elementor team
Author: Elementor Team
Template: hello-biz
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.0.4
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: sa-extremo-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/

.tk-lemance,
.tk-lemance.elementor-widget-button .elementor-button {
    font-family: "lemance", sans-serif;
}

.tk-filicudi-solid,
.tk-filicudi-solid span,
.tk-filicudi-solid a {
    font-family: "filicudi-solid", sans-serif !important;
}

.tk-ltc-flash {
    font-family: "ltc-flash", sans-serif;
}

.elementor-kit-5 {
    --e-global-typography-primary-font-family: 'filicudi-solid', sans-serif;
    --e-global-typography-secondary-font-family: 'ltc-flash', sans-serif;
    --e-global-typography-text-font-family: 'lemance', sans-serif;
    --e-global-typography-accent-font-family: 'ltc-flash', sans-serif;
}

.color-primary {
    color: var(--e-global-color-primary);
}

.color-secondary {
    color: var(--e-global-color-secondary);
}

h1, h2 {
    font-family: var(--e-global-typography-primary-font-family);
}

h1 span, h2 span {
    font-family: var(--e-global-typography-secondary-font-family);
}

h2 {
    font-size: 4rem;
    text-transform: uppercase;
}

h1, h1 span, h2, h2 span {
    text-shadow: 5px 6px 0px #A93801;
}

a,
p {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


body[class*="single-flavor"] .bottle-carousel .flavor-bottle {
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

body[class*="single-flavor postid-54"] .flavor-bottle.flavor-id-54,
body[class*="single-flavor postid-49"] .flavor-bottle.flavor-id-49,
body[class*="single-flavor postid-46"] .flavor-bottle.flavor-id-46,
body[class*="single-flavor postid-43"] .flavor-bottle.flavor-id-43,
body[class*="single-flavor postid-39"] .flavor-bottle.flavor-id-39 {
    opacity: 1;
}

.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover:after,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus:after,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active:after {
    width: 100%;
    height: 100%;
    background: url("./assets/images/shape.svg") no-repeat center center transparent;
    z-index: -1;
    clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
}

button.age-gate-submit-no,
button.age-gate-submit-yes,
button.age-gate__submit--no,
button.age-gate__submit--yes {
    background-color: #EFC8B4;
    color: #A93801;
    border-radius: 0;
    font-size: 1.5rem;
    font-family: "filicudi-solid", sans-serif;
    padding: 1rem 2rem;
}

button.age-gate-submit-no:hover,
button.age-gate-submit-yes:hover,
button.age-gate__submit--no:hover,
button.age-gate__submit--yes:hover,
button.age-gate-submit-no:focus,
button.age-gate-submit-yes:focus,
button.age-gate__submit--no:focus,
button.age-gate__submit--yes:focus {
    background-color: #A93801;
    color: #EFC8B4;
}

.elementor-menu-toggle + .elementor-nav-menu__container {
    top: 55px !important;
}

.elementor-menu-toggle + .elementor-nav-menu__container > ul {
    padding-bottom: 1rem;
}

footer .elementor-nav-menu__align-center .elementor-nav-menu {
    flex-direction: column;
}

footer .elementor-nav-menu__align-center .elementor-nav-menu .elementor-item {
    justify-content: center;
}

.single-flavor .elementor-widget-loop-carousel .elementor-swiper-button svg {
    display: none;
    fill: #47453E;
}

.single-flavor .elementor-widget-loop-carousel.elementor-element :is(.swiper,.swiper-container) ~ .elementor-swiper-button-prev,
.home .elementor-widget-loop-carousel.elementor-element :is(.swiper,.swiper-container) ~ .elementor-swiper-button-prev,
.single-flavor .elementor-widget-loop-carousel.elementor-element :is(.swiper,.swiper-container) ~ .elementor-swiper-button-next,
.home .elementor-widget-loop-carousel.elementor-element :is(.swiper,.swiper-container) ~ .elementor-swiper-button-next {
    display: none;
}

@media (max-width: 767px) {
    .single-flavor .elementor-widget-loop-carousel .elementor-swiper-button svg {
        display: block;
    }

    .single-flavor .elementor-widget-loop-carousel.elementor-element :is(.swiper,.swiper-container) ~ .elementor-swiper-button-prev,
    .home .elementor-widget-loop-carousel.elementor-element :is(.swiper,.swiper-container) ~ .elementor-swiper-button-prev,
    .single-flavor .elementor-widget-loop-carousel.elementor-element :is(.swiper,.swiper-container) ~ .elementor-swiper-button-next,
    .home .elementor-widget-loop-carousel.elementor-element :is(.swiper,.swiper-container) ~ .elementor-swiper-button-next {
        display: block;
    }

    .single-flavor .elementor-widget-loop-carousel.elementor-element :is(.swiper,.swiper-container) ~ .elementor-swiper-button-prev {
        top: 7.5rem;
        left: 3rem;
    }

    .home .elementor-widget-loop-carousel.elementor-element :is(.swiper,.swiper-container) ~ .elementor-swiper-button-prev {
        top: 5.5rem;
        left: 3rem;
    }

    .single-flavor .elementor-widget-loop-carousel.elementor-element :is(.swiper,.swiper-container) ~ .elementor-swiper-button-next {
        top: 7.5rem;
        right: 3rem;
    }

    .home .elementor-widget-loop-carousel.elementor-element :is(.swiper,.swiper-container) ~ .elementor-swiper-button-next {
        top: 5.5rem;
        right: 3rem;
    }
}