@font-face{font-family:'Titan One';font-style:normal;font-display:swap;font-weight:400;src:url('./brand-fonts/titan-one-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:400;src:url('./brand-fonts/nunito-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:500;src:url('./brand-fonts/nunito-sans-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:600;src:url('./brand-fonts/nunito-sans-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:700;src:url('./brand-fonts/nunito-sans-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:800;src:url('./brand-fonts/nunito-sans-latin-800-normal.woff2') format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:900;src:url('./brand-fonts/nunito-sans-latin-900-normal.woff2') format('woff2')}
@font-face{font-family:'Golos Avenir';font-style:normal;font-weight:400 600;src:local('Avenir-Medium'),local('Avenir Medium'),local('Avenir')}
@font-face{font-family:'Golos Avenir';font-style:normal;font-weight:700 900;src:local('Avenir-Black'),local('Avenir Black'),local('Avenir-Heavy')}

/* Reference: owner-supplied 32935.jpg, GENTE GOLOS lettering.
 * Rounded web lettering inspired by the artwork, using Titan One and CSS depth.
 * Nunito Sans is a complete, open-licensed web fallback, not an Avenir copy.
 * Keep the original published logo image intact, including its lettering. */
body.golos-brand-view,
body.golos-brand-view #golos-wordpress-root,
body.golos-brand-view #golos-commerce{
 --golos-body-font:'Golos Avenir','Nunito Sans',Arial,sans-serif;
 --golos-display-font:'Titan One','Arial Rounded MT Bold',sans-serif;
 --body-font:var(--golos-body-font);
 --display-font:var(--golos-display-font);
 font-family:var(--golos-body-font);
}
body.golos-brand-view :is(.detail-sheet,.mobile-sheet){font-family:var(--golos-body-font)}
body.golos-brand-view .elementor :is(p,li,label,input,textarea,select,.elementor-button,.elementor-nav-menu a){font-family:var(--golos-body-font)}
body.golos-brand-view .elementor :is(h1,h2,h3,h4,h5,h6){font-family:var(--golos-display-font);font-weight:400;font-synthesis:none}
body.golos-brand-view #golos-wordpress-root :is(h1,h2,.product-name,.category-number,.ticker span,.showcase-word,.showcase-price strong),
body.golos-brand-view :is(.detail-sheet,.mobile-sheet) h2,
body.golos-brand-view #golos-commerce :is(h1,h2,h3,.golos-help-strip strong,.woocommerce-loop-product__title),
body.golos-brand-view #golos-commerce .woocommerce div.product :is(p.price,span.price){
 font-family:var(--golos-display-font)!important;
 font-weight:400!important;
 letter-spacing:.005em;
 font-synthesis:none;
}
body.golos-brand-view #golos-wordpress-root :is(.pack-card h3,.footer-main h3){font-family:var(--golos-body-font)}
body.golos-brand-view #golos-wordpress-root .hero-title-main{letter-spacing:-.01em;font-weight:400;font-synthesis:none}
body.golos-brand-view #golos-wordpress-root :is(.main-nav,.button,.header-shop,.catalog-tab,.product-action-line),
body.golos-brand-view #golos-commerce :is(button,input,select,textarea,.golos-desktop-nav,.golos-cart){font-family:var(--golos-body-font)}

body.golos-brand-view #golos-wordpress-root .wordmark,
body.golos-brand-view #golos-commerce .golos-wordmark{
 display:block;
 width:124px;
 height:107px;
 flex:0 0 124px;
 padding:0;
 font-size:0!important;
 line-height:0;
 background:url('https://golosibiza.store/wp-content/uploads/2024/04/logo_golos_ibiza2-1024x884.png-1.webp') center/contain no-repeat;
}
body.golos-brand-view #golos-wordpress-root .wordmark>span,
body.golos-brand-view #golos-commerce .golos-wordmark>span{display:none}
body.golos-brand-view #golos-commerce .golos-wordmark{background:none}
body.golos-brand-view #golos-commerce .golos-wordmark-img{display:block;width:100%;height:100%;object-fit:contain}
body.golos-brand-view #golos-wordpress-root .site-header,
body.golos-brand-view #golos-commerce .golos-header{min-height:127px;padding-top:10px;padding-bottom:10px}
body.golos-brand-view #golos-wordpress-root .footer-brand .wordmark,
body.golos-brand-view #golos-commerce .golos-commerce-footer .golos-wordmark{width:190px;height:164px;flex-basis:auto;margin-bottom:15px}
body.golos-brand-view #golos-wordpress-root .footer-brand{min-width:0}

@media(max-width:767px){
 body.golos-brand-view #golos-wordpress-root .site-header,
 body.golos-brand-view #golos-commerce .golos-header{min-height:100px;padding-top:8px;padding-bottom:8px}
 body.golos-brand-view #golos-wordpress-root .site-header .wordmark,
 body.golos-brand-view #golos-commerce .golos-header .golos-wordmark{width:98px;height:84px;flex-basis:98px}
 body.golos-brand-view #golos-wordpress-root .hero-v2 h1{letter-spacing:0}
 body.golos-brand-view #golos-commerce .woocommerce div.product .product_title{font-size:54px;line-height:1.02}
 body.golos-brand-view #golos-commerce .golos-mobile-nav nav a{font-weight:400}
}
@media(max-width:380px){
 body.golos-brand-view #golos-commerce .golos-header{gap:8px}
 body.golos-brand-view #golos-wordpress-root .site-header .wordmark,
 body.golos-brand-view #golos-commerce .golos-header .golos-wordmark{width:90px;height:78px;flex-basis:90px}
}


/* Gente Golos: rounded letters, turquoise glaze and yellow extrusion.
 * All content remains live text. No catalogue copy or image text is inserted. */
body.golos-brand-view #golos-wordpress-root :is(h1,h2,.product-name),
body.golos-brand-view #golos-commerce :is(h1,h2,h3){letter-spacing:-.035em;line-height:1.16;overflow-wrap:break-word}
body.golos-brand-view #golos-wordpress-root .hero-v2 h1{font-size:clamp(32px,4.25vw,64px);line-height:1.15;margin-bottom:32px}
body.golos-brand-view #golos-wordpress-root .hero-title-top{font-size:.82em;line-height:1.2;letter-spacing:-.035em;margin-bottom:15px;white-space:normal}
body.golos-brand-view #golos-wordpress-root .hero-v2 h1 .hero-title-main{
 font-size:clamp(64px,10.1vw,150px);line-height:1.16;letter-spacing:-.045em;
 transform:rotate(-4deg) skewX(-7deg);transform-origin:left center;
 padding:.035em .06em .12em 0;margin-bottom:-.10em;
}
body.golos-brand-view #golos-wordpress-root :is(.hero-title-main,.catalog-heading h2 em,.manifesto-type h2 span,.packs-intro h2 em,.faq-intro h2 em,.contact-section h2 em),
body.golos-brand-view #golos-commerce :is(.golos-collection-heading h1 em,.golos-page-heading h1 em){
 color:#d5f7ef!important;
 -webkit-text-stroke:.028em #effff8;
 paint-order:stroke fill;
 text-shadow:none!important;
 filter:drop-shadow(.022em 0 0 #054750) drop-shadow(-.022em 0 0 #054750) drop-shadow(0 -.022em 0 #054750) drop-shadow(0 .045em 0 #054750) drop-shadow(.008em .056em 0 #ffd84b) drop-shadow(.022em .027em 0 #053e4b);
}
@supports(background-clip:text){
 body.golos-brand-view #golos-wordpress-root :is(.hero-title-main,.catalog-heading h2 em,.manifesto-type h2 span,.packs-intro h2 em,.faq-intro h2 em,.contact-section h2 em),
 body.golos-brand-view #golos-commerce :is(.golos-collection-heading h1 em,.golos-page-heading h1 em){
  background-image:linear-gradient(174deg,#fffff4 10%,#ebfff8 30%,#ace7e7 42%,#50c2c8 49%,#1396aa 66%,#056378 93%);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
 }
}
body.golos-brand-view #golos-wordpress-root :is(.catalog-heading h2,.packs-intro h2,.faq-intro h2){font-size:clamp(34px,4.2vw,62px);line-height:1.22;padding-bottom:.13em}
body.golos-brand-view #golos-wordpress-root :is(.catalog-heading h2 em,.packs-intro h2 em,.faq-intro h2 em,.contact-section h2 em){display:inline-block;font-style:normal}
body.golos-brand-view #golos-wordpress-root .manifesto-type h2{font-size:clamp(29px,3.65vw,55px);line-height:1.35}
body.golos-brand-view #golos-wordpress-root .manifesto-type h2 span{display:inline-block}
body.golos-brand-view #golos-wordpress-root .contact-section h2{font-size:clamp(38px,5.4vw,80px);line-height:1.2;padding-bottom:.1em}
body.golos-brand-view #golos-wordpress-root .category-card h2{font-size:clamp(28px,3.1vw,46px);letter-spacing:-.04em}
body.golos-brand-view #golos-wordpress-root .category-card h2 small{font-size:.5em}
body.golos-brand-view #golos-wordpress-root .product-name{font-size:23px;line-height:1.17}
body.golos-brand-view #golos-wordpress-root .showcase-info h2{font-size:30px;line-height:1.18}
body.golos-brand-view #golos-wordpress-root .showcase-price strong{font-family:var(--golos-body-font)!important;font-weight:900!important;font-size:28px}
body.golos-brand-view #golos-wordpress-root .ticker span{font-size:24px;letter-spacing:-.02em}
body.golos-brand-view #golos-wordpress-root .showcase-word{font-size:12vw}
body.golos-brand-view :is(.detail-sheet,.mobile-sheet) h2{font-size:30px;line-height:1.18;letter-spacing:-.04em}
body.golos-brand-view .mobile-sheet nav :is(a,button){font-family:var(--golos-display-font);font-size:23px;font-weight:400;font-synthesis:none;letter-spacing:-.03em}
body.golos-brand-view #golos-commerce h1{font-size:clamp(38px,4.65vw,68px);line-height:1.18;padding-bottom:.16em}
body.golos-brand-view #golos-commerce :is(.golos-collection-heading h1 em,.golos-page-heading h1 em){display:inline-block}
body.golos-brand-view #golos-commerce h2{font-size:clamp(26px,2.8vw,36px)}
body.golos-brand-view #golos-commerce h3{font-size:25px}
body.golos-brand-view #golos-commerce .woocommerce div.product .product_title{font-size:clamp(34px,3.8vw,54px);color:#075565;text-shadow:1px 2px 0 #fffdf0,2px 4px 0 #ffdc57;line-height:1.18}
body.golos-brand-view #golos-commerce .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:23px;line-height:1.24;letter-spacing:-.035em}
body.golos-brand-view #golos-commerce .woocommerce div.product :is(p.price,span.price){font-family:var(--golos-body-font)!important;font-weight:800!important;font-size:35px}
body.golos-brand-view #golos-commerce .golos-help-strip strong{font-size:29px;line-height:1.25;letter-spacing:-.03em}
body.golos-brand-view #golos-commerce .golos-mobile-nav nav a{font-size:23px;font-synthesis:none}
@media(max-width:767px){
 body.golos-brand-view #golos-wordpress-root .hero-v2 h1{font-size:clamp(30px,4.5vw,38px)}
 body.golos-brand-view #golos-wordpress-root .showcase-info h2{font-size:25px}
 body.golos-brand-view #golos-wordpress-root .showcase-price strong{font-size:24px}
 body.golos-brand-view #golos-commerce h1{font-size:clamp(29px,7.8vw,49px)}
 body.golos-brand-view #golos-commerce .woocommerce div.product .product_title{font-size:clamp(29px,7.8vw,44px)}
 body.golos-brand-view #golos-commerce .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:19px;overflow-wrap:anywhere}
 body.golos-brand-view #golos-commerce .golos-help-strip strong{font-size:25px}
}
@media(max-width:600px){
 body.golos-brand-view #golos-wordpress-root .hero-v2 h1{font-size:clamp(32px,8.9vw,51px);margin-bottom:28px}
 body.golos-brand-view #golos-wordpress-root .hero-title-top{font-size:.86em;margin-bottom:8px}
 body.golos-brand-view #golos-wordpress-root .hero-v2 h1 .hero-title-main{font-size:clamp(59px,19.2vw,106px)}
 body.golos-brand-view #golos-wordpress-root :is(.catalog-heading h2,.packs-intro h2,.faq-intro h2){font-size:clamp(30px,8.5vw,44px)}
 body.golos-brand-view #golos-wordpress-root .manifesto-type h2{font-size:clamp(25px,7.6vw,41px)}
 body.golos-brand-view #golos-wordpress-root .contact-section h2{font-size:clamp(30px,8.4vw,49px)}
 body.golos-brand-view #golos-wordpress-root .category-card h2{font-size:34px}
 body.golos-brand-view #golos-wordpress-root .product-name{font-size:18px}
 body.golos-brand-view #golos-wordpress-root .ticker span{font-size:19px}
 body.golos-brand-view #golos-wordpress-root .showcase-word{font-size:32vw}
}
