/*
 Theme Name:   Divi Child
 Description:  Child theme of Divi for goldsgymshop.nl
 Template:     Divi
 Version:      1.4.1
 Text Domain:  divi-child
*/
:root{--y:#ffd100;--k:#0b0b0b;--g:#f4f4f2;--cond:"Arial Narrow","Archivo Narrow",Impact,Arial,sans-serif}
body{font-family:"Helvetica Neue",Arial,sans-serif;color:var(--k)}
h1,h2,h3,h4{font-family:var(--cond);text-transform:uppercase;letter-spacing:.03em;padding:0}
/* announcement */
.gg-announce{background:#fff;color:var(--k);overflow:hidden;white-space:nowrap;font:600 12px/36px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #e6e6e6}
.gg-announce span{display:inline-block;padding-left:100%;animation:ggs 45s linear infinite}
.gg-announce:hover span{animation-play-state:paused}
@keyframes ggs{to{transform:translateX(-100%)}}
/* header/footer: see Theme Builder section below */
#page-container{padding-top:0!important}
/* wide layout */
.gg-wide .et_pb_row{width:94%!important;max-width:1700px!important;padding:0!important}
.gg-block{padding:56px 0 8px!important}
.gg-block .et_pb_column,.gg-hero .et_pb_column,.gg-usp .et_pb_column,.gg-promo .et_pb_column,.gg-marquee .et_pb_column{margin:0!important;width:100%!important}
.gg-hero .et_pb_row,.gg-usp .et_pb_row,.gg-promo .et_pb_row,.gg-marquee .et_pb_row{width:100%!important;max-width:none!important;padding:0!important}
/* hero */
.gg-hero{background:radial-gradient(circle at 78% 45%,#2c2c2c,#0b0b0b 62%)}
.gg-hero-in{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:min(78vh,720px);padding:50px 4%;gap:30px;max-width:1700px;margin:auto}
.gg-hero-copy h1{color:#fff;font-size:clamp(46px,6.4vw,104px);line-height:.92;font-weight:900;margin:0 0 20px}
.gg-hero-copy h1 em{color:var(--y);font-style:normal}
.gg-lead{color:#d0d0d0;font-size:18px;max-width:34em;margin-bottom:28px}
.gg-eyebrow{color:var(--y)!important;font:700 13px var(--cond);letter-spacing:.24em;text-transform:uppercase;margin-bottom:14px}
.gg-hero-pic{text-align:center}
.gg-hero-pic img{max-height:620px;max-width:100%;width:auto;filter:drop-shadow(0 40px 50px rgba(0,0,0,.6))}
.gg-b{display:inline-block;font:800 14px var(--cond);letter-spacing:.12em;text-transform:uppercase;padding:15px 30px;border:2px solid;margin:0 10px 10px 0;transition:.2s;text-decoration:none!important}
.gg-b-y{background:var(--y);border-color:var(--y);color:var(--k)!important}
.gg-b-y:hover{background:#fff;border-color:#fff}
.gg-b-g{border-color:#fff;color:#fff!important}
.gg-b-g:hover{background:#fff;color:var(--k)!important}
.gg-b-k{background:var(--k);border-color:var(--k);color:var(--y)!important}
.gg-b-k:hover{background:transparent;color:var(--k)!important}
/* usp */
.gg-usp{background:#fff}
.gg-usp-in{display:grid;grid-template-columns:repeat(3,1fr);max-width:1700px;margin:auto}
.gg-usp-in>div{text-align:center;padding:38px 20px}
.gg-usp-in>div+div{border-left:1px solid var(--k)}
.gg-usp h4{font-size:22px;font-weight:800;margin:0 0 4px}
.gg-usp p{font-size:14px;color:#555;margin:0;padding:0}
/* tiles */
.gg-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gg-tiles a{display:block;text-decoration:none!important}
.gg-timg{display:block;background:var(--g);aspect-ratio:1/1;overflow:hidden}
.gg-timg img{width:100%;height:100%;object-fit:contain;padding:8%;transition:transform .4s}
.gg-tiles a:hover img{transform:scale(1.07)}
.gg-tlab{display:flex;justify-content:space-between;background:var(--k);color:#fff;font:800 20px var(--cond);text-transform:uppercase;letter-spacing:.08em;padding:16px 20px}
.gg-tlab i{color:var(--y);font-style:normal}
/* section heads */
.gg-headrow{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}
.gg-headrow h2{font-size:clamp(28px,3vw,40px);font-weight:900;margin:0}
.gg-bar{display:block;width:64px;height:4px;background:var(--y);margin:10px 0 12px}
.gg-headrow p{color:#666;margin:0;padding:0}
.gg-all{border:1px solid var(--k);color:var(--k)!important;font:700 13px var(--cond);letter-spacing:.14em;text-transform:uppercase;padding:12px 26px;white-space:nowrap;text-decoration:none!important}
.gg-all:hover{background:var(--k);color:var(--y)!important}
/* products */
.gg-prod .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px;margin:0!important;padding:0;float:none}
.gg-prod .woocommerce ul.products:before,.gg-prod .woocommerce ul.products:after{display:none}
.gg-prod ul.products li.product{width:auto!important;float:none!important;margin:0!important;padding:0!important;text-align:left;position:relative}
.gg-prod ul.products li.product a img{aspect-ratio:1/1;object-fit:contain;background:var(--g);padding:7%;margin:0!important;transition:transform .4s;width:100%}
.gg-prod ul.products li.product:hover a img{transform:scale(1.05)}
.gg-prod ul.products li.product a:first-child{display:block;overflow:hidden;background:var(--g)}
.gg-prod .woocommerce-loop-product__title{font:700 15px "Helvetica Neue",Arial,sans-serif!important;text-transform:none;letter-spacing:0;padding:14px 0 4px!important;color:var(--k)}
.gg-prod .price{color:var(--k)!important;font-weight:700;font-size:15px!important}
.gg-prod .price del{opacity:.5;font-weight:400}
.gg-prod .price ins{background:none;color:#c00}
.gg-prod .onsale{background:var(--k)!important;color:var(--y)!important;border-radius:0!important;min-height:0!important;min-width:0!important;line-height:1!important;padding:8px 12px!important;font:800 11px Arial!important;top:12px!important;right:auto!important;left:12px!important;letter-spacing:.1em;text-transform:uppercase;z-index:2}
.gg-prod .button{display:none}
/* promo */
.gg-promo{background:var(--y)}
.gg-promo-in{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1700px;margin:auto;padding:60px 4%;gap:30px}
.gg-promo-pic{text-align:center}
.gg-promo-pic img{max-height:420px;width:auto;max-width:100%;transform:rotate(4deg)}
.gg-promo-copy h2{font-size:clamp(36px,5vw,72px);font-weight:900;line-height:.95;margin:0 0 16px}
.gg-promo-copy .gg-eyebrow{color:var(--k)!important}
.gg-promo-copy p{color:var(--k);font-size:18px}
/* marquee */
.gg-marquee{background:var(--k);overflow:hidden;margin-top:56px}
.gg-marq{overflow:hidden;white-space:nowrap}
.gg-marq span{display:inline-block;color:var(--y);font:900 30px/70px var(--cond);text-transform:uppercase;letter-spacing:.1em;animation:ggs 60s linear infinite}
/* footer */
.gg-footer{background:var(--k);color:#bbb;margin-top:70px;padding:60px 4% 24px;font-size:14px}
.gg-footer h4{color:#fff;font-size:16px;letter-spacing:.14em;margin:0 0 16px}
.gg-footer a{display:block;color:#bbb;padding:4px 0;text-decoration:none}
.gg-footer a:hover{color:var(--y)}
.gg-footer .wm{color:#fff;font:900 28px var(--cond);letter-spacing:.14em;margin-bottom:12px}
.gg-footer .cp{max-width:1700px;margin:40px auto 0;padding-top:20px;border-top:1px solid #2a2a2a;font-size:12px;color:#777}
@media(max-width:980px){
 .gg-hero-in,.gg-promo-in{grid-template-columns:1fr;text-align:center}
 .gg-hero-pic img{max-height:340px}
 .gg-tiles,.gg-prod .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gg-tlab{font-size:15px;padding:12px 10px}
 .gg-usp-in{grid-template-columns:1fr}.gg-usp-in>div+div{border-left:0;border-top:1px solid #ddd}
 .gg-headrow{flex-direction:column;align-items:flex-start;gap:14px}
}
html,body{overflow-x:clip}
@media(prefers-reduced-motion:reduce){.gg-announce span,.gg-marq span{animation:none;padding-left:0}}

/* ===== Theme Builder header / footer (Divi > Theme Builder) ===== */
.et-l--header,.et-l--header .et_builder_inner_content{display:contents}
.gg-tb-announce.et_pb_section{padding:0!important;background:#fff}
.gg-tb-announce .et_pb_row,.gg-hdr .et_pb_row{padding:0!important}
.gg-tb-announce .et_pb_row{width:100%!important;max-width:none!important}
.gg-tb-announce .et_pb_column,.gg-hdr .et_pb_column,.gg-footer .et_pb_column{margin:0!important;width:100%!important}
.gg-tb-announce .et_pb_text_inner{padding:0}
.gg-hdr.et_pb_section{position:sticky;top:0;z-index:99999;padding:0!important;background:var(--k)}
.gg-hdr .et_pb_row{position:relative;width:96%!important;max-width:1700px!important;height:64px;display:flex;align-items:center}
.gg-hdr .et_pb_column{height:100%;display:flex;align-items:center;position:static}
.gg-menu.et_pb_menu{background:transparent!important;width:100%;padding:0}
.gg-menu .et_pb_menu_inner_container{padding:0;width:100%}
.gg-menu .et_pb_row,.gg-menu .et_pb_menu__wrap{display:flex;align-items:center;width:100%;justify-content:flex-start}
.gg-menu .et_pb_menu__menu{flex:1;display:flex!important}
.gg-menu .et_pb_menu__menu>nav,.gg-menu .et_pb_menu__menu>nav>ul{display:flex;align-items:center}
.gg-menu .et-menu.nav li{padding:0 20px 0 0;line-height:1}
.gg-menu .et-menu.nav li a{padding:0!important;color:#fff!important;font:700 13px var(--cond);letter-spacing:.07em;text-transform:uppercase;line-height:1}
.gg-menu .et-menu.nav li.current-menu-item>a,.gg-menu .et-menu.nav li a:hover{color:var(--y)!important;opacity:1!important}
.gg-menu .et-menu.nav li.gg-sale>a{color:var(--y)!important}
.gg-menu .et_pb_menu__icon{color:#fff!important;margin:0 0 0 22px!important;padding:0;font-size:18px;line-height:1}
.gg-menu .et_pb_menu__icon *{color:#fff!important}
.gg-wordmark.et_pb_text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important;width:auto;z-index:2}
.gg-wordmark a{color:#fff!important;font:900 24px/1 var(--cond);letter-spacing:.14em;white-space:nowrap;text-decoration:none}
/* footer built from modules */
.gg-footer.et_pb_section{padding:60px 4% 24px!important;margin-top:70px}
.gg-footer .et_pb_row{width:100%!important;max-width:1700px!important;padding:0!important}
.gg-footer .et_pb_row:first-child{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.gg-footer .et_pb_text{color:#bbb!important;font-size:14px;line-height:1.7em}
.gg-footer .et_pb_text p{padding:0 0 1em;color:#bbb}
@media(max-width:980px){
 .gg-footer .et_pb_row:first-child{grid-template-columns:1fr 1fr}
 .gg-menu .et_pb_menu__menu{display:none!important}
 .gg-menu .et_mobile_nav_menu{display:block!important;margin:0}
 .gg-wordmark a{font-size:20px}
}

/* fixes: keep rows centered, no negative menu margins */
.gg-hdr .et_pb_row,.gg-footer .et_pb_row,.gg-tb-announce .et_pb_row{margin:0 auto!important}
.gg-menu ul.nav,.gg-menu .et_pb_menu__menu nav{margin:0!important}
.gg-wordmark a{display:block;line-height:1}
.gg-wordmark img{width:210px!important;max-width:210px!important;height:auto!important;display:block}
/* sections inherit a dark preset in Divi 5: force our own backgrounds */
.gg-usp.et_pb_section,.gg-block.et_pb_section{background:#fff!important;background-image:none!important}
.gg-promo.et_pb_section{background:var(--y)!important;background-image:none!important}
.gg-marquee.et_pb_section{background:var(--k)!important;background-image:none!important}
.gg-hdr .et_pb_row.et_pb_row,.gg-footer .et_pb_row.et_pb_row,.gg-tb-announce .et_pb_row.et_pb_row{margin-left:auto!important;margin-right:auto!important}

@media(max-width:980px){
 .gg-hdr .et_pb_row{position:static}
 .gg-menu .et_pb_menu_inner_container,.gg-menu .mobile_nav{position:static}
 .gg-menu .et_mobile_nav_menu{order:-1;display:block!important;margin:0;float:none}
 .gg-menu .et_pb_menu__cart-button{order:2;margin-left:auto!important}
 .gg-menu .et_pb_menu__search-button{order:3}
 .gg-menu .mobile_nav .mobile_menu_bar{position:static;padding:0;display:block;height:auto}
 .gg-menu .mobile_nav .mobile_menu_bar:before{position:static;font-size:30px;color:#fff!important}
 .gg-menu .et_mobile_menu{top:100%;left:0;width:100%;background:var(--k)!important;border-top:3px solid var(--y)!important;padding:10px 0}
 .gg-menu .et_mobile_menu li{padding:0}
 .gg-menu .et_mobile_menu li a{color:#fff!important;font:700 15px var(--cond);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #222!important;padding:14px 5%!important;display:block}
}