.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;
}
.elementor-widget-text-editor h1,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4,
.elementor-widget-text-editor h5,
.elementor-widget-text-editor h6 {
color: #EFC8B4;
font-family: var(--e-global-typography-primary-font-family);
}
h1.elementor-heading-title,
.elementor-widget-text-editor h1 {
font-size: 64px;
text-shadow: 5px 6px 0px #A93801;
}
h2.elementor-heading-title,
.elementor-widget-text-editor h2 {
font-size: 48px;
text-shadow: 3px 4px 0px #A93801;
}
h3.elementor-heading-title,
.elementor-widget-text-editor h3 {
font-size: 36px;
text-shadow: 2px 3px 0px #A93801;
}
h4.elementor-heading-title,
.elementor-widget-text-editor h4 {
font-size: 28px;
text-shadow: 2px 3px 0px #A93801;
}
h5.elementor-heading-title,
.elementor-widget-text-editor h5 {
font-size: 22px;
text-shadow: 2px 2px 0px #A93801;
}
h6.elementor-heading-title,
.elementor-widget-text-editor h6 {
font-size: 16px;
text-shadow: 1px 1px 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;
}
.bottle-carousel .flavor-bottle {
opacity: 0.5;
transition: opacity 0.3s ease;
}
body.flavor-pineapple-picante .flavor-bottle.flavor-id-54,
body.flavor-peach-suave .flavor-bottle.flavor-id-49,
body.flavor-mango-fresco .flavor-bottle.flavor-id-46,
body.flavor-strawberry-sabroso .flavor-bottle.flavor-id-43,
body.flavor-black-intenso .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(https://www.extremowine.com/wp-content/themes/san-antonio-extremo/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;
}
.flavor-page .elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-prev svg,
.flavor-page .elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-next svg {
display: none;
fill: #47453E;
}
.flavor-page .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,
.flavor-page .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) {
.flavor-page .elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-prev svg,
.flavor-page .elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-next svg {
display: block;
}
.flavor-page .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,
.flavor-page .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;
}
.flavor-page .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;
}
.flavor-page .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;
}
}