/*
Theme Name: MILK Marketing
Theme URI: https://milkmarketinggroup.com/
Author: MILK Marketing
Description: Lightweight responsive custom WordPress theme for MILK Marketing. Compatible with Yoast SEO and the WordPress block editor.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: milk-marketing
*/

html{scroll-behavior:smooth}
body.admin-bar .nav{top:32px}
.milk-mobile-toggle{display:none;background:transparent;border:0;color:#fff;width:46px;height:46px;padding:10px;cursor:pointer}
.milk-mobile-toggle span{display:block;height:2px;background:currentColor;margin:6px 0}
.milk-editable-content{width:min(calc(100% - 112px),1460px);margin:0 auto;padding:70px 0;font:18px/1.7 Jost,Arial,sans-serif}
.milk-editable-content:empty{display:none}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(min-width:1024px){
  body .nav{height:92px!important;min-height:92px!important;padding:0 44px!important;align-items:center!important}
  body .nav .logo{width:125px!important;height:auto!important}
}

@media(max-width:1023px){
  body.admin-bar .nav{top:32px}
  .nav{position:relative!important;height:auto!important;min-height:78px;padding:16px 28px!important;flex-wrap:wrap;z-index:100!important}
  .milk-mobile-toggle{display:block;margin-left:auto}
  .nav-links{display:none!important;width:100%;padding:18px 0 8px;flex-direction:column!important;align-items:stretch!important;gap:0!important;white-space:normal!important}
  .nav.is-open .nav-links{display:flex!important}
  .nav-links>a,.nav-item>a{display:flex!important;min-height:48px;align-items:center;padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.16)}
  .nav-item{display:block!important}
  .nav-dropdown{position:static!important;width:100%!important;padding:0 0 5px 16px!important;border-top:0!important;transform:none!important;opacity:1!important;visibility:visible!important;background:transparent!important;display:none}
  .nav-item.is-open .nav-dropdown{display:block}
  .nav-dropdown:before{display:none}
  .nav-dropdown a{color:#fff!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.1)}
  .nav-links .nav-cta{margin-top:12px;justify-content:center;color:#000!important;border:0!important}
  .wrap{width:min(calc(100% - 48px),1460px)!important}
  .hero h1{font-size:clamp(42px,7vw,64px)!important}
  .title,.section-title,.intro h2,.cta h2{font-size:clamp(38px,6vw,52px)!important}
  .intro-grid,.formats-intro,.cta-grid,.strategy-head,.management-grid,.demographic-head,.section-head,.manage-grid,.onsite-grid,.curation-grid,.logistics-head{grid-template-columns:1fr!important;gap:42px!important}
  .service-grid,.cap-grid,.logistics-grid,.artist-grid{grid-template-columns:repeat(2,1fr)!important}
  .stages{grid-template-columns:1fr!important}.phone{height:620px!important}.stage.three{grid-column:auto!important}
  .demographic-grid{grid-template-columns:1fr!important}.audience-panel{border-right:0!important;border-bottom:1px solid #333}
}

@media(max-width:767px){
  body.admin-bar .nav{top:46px}
  .wrap,.milk-editable-content{width:min(calc(100% - 32px),1460px)!important}
  .section,.strategy,.management,.demographic,.results,.capabilities,.manage,.events,.curation,.logistics,.onsite,.artists,.cta{padding:72px 0!important}
  .hero{min-height:610px!important}.hero-copy{min-height:610px!important;height:auto!important;padding:90px 20px 64px!important}.hero-inner{padding:70px 16px!important}
  .hero h1{font-size:clamp(34px,10vw,48px)!important}.hero p{font-size:16px!important;line-height:1.55!important}
  .btns{flex-direction:column!important;align-items:stretch!important}.btn{width:100%}
  .service-grid,.cap-grid,.logistics-grid,.artist-grid,.regional,.metrics,.format-grid{grid-template-columns:1fr!important}
  .concept-grid,.case-grid{display:block!important}.concept-card,.case{margin-bottom:16px;min-height:390px!important}
  .service{min-height:auto!important}.service img{height:auto!important}.network,.manage-image,.onsite-image{height:auto!important}.network img,.manage-image img,.onsite-image img{height:auto!important}
  .footer-inner{grid-template-columns:1fr!important;gap:35px!important}.footer .logo{transform:none!important}
  .demographic-head{margin-bottom:38px!important}.audience-panel,.reach-panel{padding:24px!important}
  .stages{gap:50px!important}.stage-column{gap:50px!important}.phone{height:500px!important}
}

@media(max-width:480px){
  .nav{padding:13px 18px!important}.nav .logo,.logo{width:105px!important}
  .hero h1{font-size:36px!important}.title,.section-title,.intro h2,.cta h2{font-size:36px!important}
  .eyebrow{font-size:11px!important}.phone{height:430px!important}
}