/* Understanding The Assignment: brand layer over Newspaper Say What (FN-055).
   Colours, fonts and logos come from theme settings (Appearance); this file loads the brand fonts, recolours the
   captured chrome and styles the publication's own content areas. Palette: brand kit style guide. */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&family=Nunito+Sans:opsz,wght@6..12,400;6..12,700&display=swap');
:root{--uta-deep:#0B2A3F;--uta-blue:#1E6FD9;--uta-wave:#0B3D91;--uta-green:#12946B;--uta-gold:#FFC83D;--uta-foam:#A9E3F0;--uta-bright:#3DDC97;--uta-mist:#EEF8FB;--uta-ink:#16222E;--uta-muted:#566573;--uta-line:#E1E8EE}

/* ---- header bar: Say What's black bar -> Deep Water, pink active/hover -> Gold Star ---- */
body{--td_theme_color:var(--uta-blue)}
.td-header-wrap .td-header-main-menu.black-menu,.td-header-wrap .td-header-menu-wrap-full,.td-header-wrap .td-header-menu-wrap,.td-header-style-6 .td-header-menu-wrap,.td-header-menu-wrap.td-affix{background-color:var(--uta-deep)!important}
.td-header-style-6 .black-menu .sf-menu>li>a,.td-header-wrap .black-menu .sf-menu>li>a{font-family:Nunito,sans-serif!important;font-weight:900!important;letter-spacing:.02em;color:#fff}
.td-header-wrap .black-menu .sf-menu>.current-menu-item>a,.td-header-wrap .black-menu .sf-menu>li>a:hover{color:var(--uta-gold)!important}
.td-header-wrap .black-menu .sf-menu>li>a:after{background-color:var(--uta-gold)!important}
#td-header-search-button i,#td-top-mobile-toggle i,#td-header-search-button-mob i{color:#fff}
.td-header-wrap .td-main-menu-logo .td-main-logo{display:inline-flex;align-items:center;height:100%}
.np-custom-logo{height:52px;width:auto;max-width:100%;display:block}
.td-header-style-6 .td-main-menu-logo img,.td-header-wrap .td-main-menu-logo .np-custom-logo{max-height:52px;height:52px;width:auto;margin:0}
.td-header-menu-wrap.td-affix .np-custom-logo{height:40px;max-height:40px}
@media (min-width:768px){.td-header-wrap .td-main-menu-logo .td-logo{height:80px;display:flex;align-items:center;margin:0}.td-header-menu-wrap.td-affix .td-main-menu-logo .td-logo{height:48px}}
@media (max-width:767px){
  .td-header-wrap .td-header-main-menu{position:relative}
  .td-header-wrap .td-main-menu-logo .np-custom-logo{position:absolute;left:50%;top:9px;transform:translateX(-50%);height:36px;max-height:36px;width:auto;max-width:calc(100vw - 150px)}
}
/* mobile off-canvas menu + search: Deep Water instead of the demo gradient */
.td-menu-background:before,.td-search-background:before{background:var(--uta-deep)!important}
#td-mobile-nav .td-mobile-content a,#td-mobile-nav .td-mobile-content li a{font-family:Nunito,sans-serif!important;font-weight:800}
#td-mobile-nav .td-mobile-content .current-menu-item>a,#td-mobile-nav .td-mobile-content a:hover{color:var(--uta-gold)!important}

/* ---- footer ---- */
.td-footer-wrapper,.td-sub-footer-container{background-color:var(--uta-deep)!important}
.td-sub-footer-container{background-color:#071D2C!important}
.td-footer-wrapper .footer-logo-wrap .np-custom-logo{height:60px;max-height:60px}
.td-footer-wrapper .footer-text-wrap{margin-top:16px}
.uta-foot-about{margin:0;font:400 15px/1.6 "Nunito Sans",system-ui,sans-serif;color:#DCE8EF}
.uta-foot-about strong{display:block;color:#fff;font-family:Nunito,sans-serif;font-weight:900;font-size:17px;margin-bottom:4px}
.td-footer-wrapper .block-title span,.td-footer-wrapper .td-block-title span{font-family:Nunito,sans-serif!important;font-weight:900}
html body .td-footer-wrapper .block-title,html body .td-footer-wrapper .td-block-title{border:0!important;border-bottom:3px solid var(--uta-gold)!important;margin-bottom:16px;text-align:left}
html body .td-footer-wrapper .block-title>span,html body .td-footer-wrapper .td-pulldown-size{background:none!important;color:#fff!important;padding:0 0 6px!important;font-size:18px!important;letter-spacing:.04em;text-transform:uppercase}
.td-footer-wrapper .td_block_popular_categories li a{display:block;color:#fff;font-family:Nunito,sans-serif!important;font-weight:800;text-transform:none;font-size:16px}
.td-footer-wrapper .td_block_popular_categories li a .td-cat-name{font-family:Nunito,sans-serif!important;text-transform:none}
.td-footer-wrapper .td_block_popular_categories li a:hover .td-cat-name{color:var(--uta-foam)}
.td-sub-footer-container a,.td-sub-footer-copy{color:#C9D9E3!important}
.td-sub-footer-container a:hover{color:var(--uta-gold)!important}
.td-sub-footer-menu li a{white-space:nowrap}
@media (max-width:767px){.td-sub-footer-menu ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;padding:0}.td-sub-footer-menu li{margin:0!important}}

/* ---- labels / accents site-wide ---- */
.td-scroll-up{background-color:var(--uta-blue)!important}

/* ---- newsletter band + hero ---- */
.uta-band{background:var(--uta-mist);border-top:4px solid var(--uta-gold)}
.uta-band-in{max-width:1140px;margin:0 auto;padding:48px 24px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:40px;align-items:center}
.uta-band h2{font:900 34px/1.15 Nunito,sans-serif;color:var(--uta-deep);margin:0 0 12px}
.uta-band .tbgl-kicker{font:900 13px/1.4 Nunito,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--uta-wave);margin:0 0 10px}
.uta-band p:not(.tbgl-kicker){font:400 18px/1.55 "Nunito Sans",system-ui,sans-serif;color:var(--uta-ink);margin:0 0 20px;max-width:560px}
.uta-sub-row{display:flex;gap:10px;max-width:520px}
.uta-sub input[type=email]{flex:1;min-width:0;padding:13px 14px;border:2px solid var(--uta-deep);border-radius:999px;font:400 16px "Nunito Sans",sans-serif;background:#fff}
.uta-sub button{flex:none;background:var(--uta-gold);color:var(--uta-deep);border:2px solid var(--uta-deep);border-radius:999px;padding:12px 22px;font:900 16px Nunito,sans-serif;cursor:pointer}
.uta-sub button:hover{background:#fff}
.uta-consent{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font:400 14px/1.45 "Nunito Sans",sans-serif;color:var(--uta-muted);max-width:520px}
.uta-consent input{margin-top:3px;flex:none}
.uta-consent a{color:var(--uta-wave);text-decoration:underline}
.uta-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.uta-hero{margin:0}.uta-hero img{display:block;width:100%;height:auto}
@media (max-width:900px){.uta-band-in{grid-template-columns:minmax(0,1fr);gap:24px}.uta-band-art{max-width:420px}}
@media (max-width:767px){.uta-band-in{padding:36px 16px}.uta-band h2{font-size:26px}.uta-sub-row{flex-direction:column}.uta-sub button{width:100%}}

/* ---- publication content (shared magblog site-layer classes) ---- */
.tbgl-main{background:#fff}
.tbgl-wrap{max-width:1140px;margin:0 auto;padding:56px 24px 64px;box-sizing:border-box}
.tbgl-article{max-width:780px}
.tbgl-kicker{font-family:Nunito,sans-serif;font-weight:900;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--uta-blue);margin:0 0 10px}
.tbgl-title{font-family:Nunito,sans-serif;font-weight:900;font-size:44px;line-height:1.1;color:var(--uta-deep);margin:0 0 16px}
.tbgl-sub{font-family:"Nunito Sans",system-ui,sans-serif;font-size:20px;line-height:1.55;color:var(--uta-muted);max-width:720px;margin:0 0 28px}
.tbgl-page-head{margin-bottom:28px}
.tbgl-body{font-family:"Nunito Sans",system-ui,sans-serif;font-size:19px;line-height:1.7;color:var(--uta-ink)}
.tbgl-body h2,.tbgl-body h3{font-family:Nunito,sans-serif;font-weight:900;color:var(--uta-deep);margin:1.6em 0 .5em}
.tbgl-body a{color:var(--uta-wave);text-decoration:underline}
.tbgl-body p{margin:0 0 1.1em}
.tbgl-body table{width:100%;border-collapse:collapse;font-size:16px;margin:1em 0 1.4em;display:block;overflow-x:auto}
.tbgl-body th,.tbgl-body td{padding:8px 10px;border-bottom:1px solid var(--uta-line);text-align:left;vertical-align:top}
.tbgl-btn{display:inline-block;background:var(--uta-deep);color:#fff!important;font-family:Nunito,sans-serif;font-weight:800;font-size:15px;padding:12px 22px;border-radius:999px;text-decoration:none;border:0;cursor:pointer}
.tbgl-btn:hover{background:var(--uta-blue)}
.tbgl-more{margin:32px 0 0}
.tbgl-soon{text-align:left}
.tbgl-sections{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.tbgl-sections a{display:block;height:100%;box-sizing:border-box;padding:20px 22px;border:1px solid var(--uta-line);border-left:5px solid var(--uta-blue);border-radius:10px;background:#fff;text-decoration:none}
.tbgl-sections a:hover{border-left-color:var(--uta-gold);background:var(--uta-mist)}
.tbgl-sections strong{display:block;font-family:Nunito,sans-serif;font-size:21px;font-weight:900;color:var(--uta-deep)}
.tbgl-sections span{display:block;margin-top:6px;font-family:"Nunito Sans",system-ui,sans-serif;font-size:16px;line-height:1.45;color:var(--uta-muted)}
.tbgl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.tbgl-card img{width:100%;height:auto;display:block;border-radius:8px}
.tbgl-cat{display:inline-block;margin:12px 0 6px;font-family:Nunito,sans-serif;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--uta-blue);text-decoration:none}
.tbgl-card-title{font-family:Nunito,sans-serif;font-weight:900;font-size:21px;line-height:1.25;margin:0 0 8px}
.tbgl-card-title a{color:var(--uta-deep);text-decoration:none}
.tbgl-card-title a:hover{color:var(--uta-blue)}
.tbgl-excerpt{font-family:"Nunito Sans",system-ui,sans-serif;color:var(--uta-muted);margin:0 0 8px}
.tbgl-meta{font-family:Nunito,sans-serif;font-size:13px;color:var(--uta-muted)}
.tbgl-meta a{color:var(--uta-deep)}
.tbgl-cover{margin:0 0 28px}.tbgl-cover img{width:100%;height:auto;border-radius:8px}.tbgl-cover figcaption{font-size:13px;color:var(--uta-muted);margin-top:6px}
.tbgl-related{margin-top:48px}.tbgl-related h2{font-family:Nunito,sans-serif;font-weight:900;color:var(--uta-deep)}
.tbgl-empty{font-family:"Nunito Sans",system-ui,sans-serif;font-size:19px;color:var(--uta-muted);padding:24px 0}
.tbgl-form{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap;align-items:end}
.tbgl-form input{padding:10px;border:1px solid #c9d2e0;border-radius:6px;min-width:0;max-width:100%}
@media (max-width:1018px){.tbgl-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){
  .tbgl-wrap{padding:36px 16px 44px}
  .tbgl-title{font-size:32px}.tbgl-sub{font-size:18px}
  .tbgl-grid,.tbgl-sections{grid-template-columns:1fr}
}
/* Say What sets list indents and fonts globally; keep the publication's own areas exact. */
.tbgl-main .tbgl-sections{padding-left:0!important;margin-left:0!important}
.tbgl-main .tbgl-sections li{margin:0!important;list-style:none}
#td-outer-wrap .tbgl-main :is(.tbgl-sub,.tbgl-body,.tbgl-body p,.tbgl-body li,.tbgl-excerpt,.tbgl-empty,.tbgl-sections span){font-family:"Nunito Sans",system-ui,sans-serif!important}
#td-outer-wrap .tbgl-main :is(.tbgl-title,.tbgl-card-title,.tbgl-body h2,.tbgl-body h3){text-transform:none}
/* pull quote + credited in-article images from the article renderer */
#td-outer-wrap .tbgl-body>blockquote{margin:2em 0;padding:4px 0 4px 26px;border-left:5px solid var(--uta-gold);font-family:Nunito,sans-serif!important;font-style:normal;font-weight:800;font-size:25px;line-height:1.35;color:var(--uta-deep);text-align:left;background:none;text-transform:none}
#td-outer-wrap .tbgl-body>blockquote::before,#td-outer-wrap .tbgl-body>blockquote::after{content:none}
.tbgl-body .article-gallery{margin:2.2em 0;display:flex;flex-direction:column;gap:30px}
.tbgl-body .article-gallery figure{margin:0}
.tbgl-body .article-gallery img{display:block;width:100%;height:auto;border-radius:8px}
#td-outer-wrap .tbgl-body .article-gallery figcaption{font-family:Nunito,sans-serif!important;font-size:13px;line-height:1.4;color:var(--uta-muted);margin-top:8px}
@media (max-width:700px){#td-outer-wrap .tbgl-body>blockquote{font-size:21px;padding-left:18px}.tbgl-body .article-gallery{gap:22px}}
/* contact form from the CMS core */
.tbgl-main form:not(.uta-sub) input[type=text],.tbgl-main form:not(.uta-sub) input[type=email],.tbgl-main form:not(.uta-sub) textarea{max-width:100%;box-sizing:border-box}
@media (max-width:767px){.td-footer-wrapper .footer-logo-wrap{text-align:center}.td-footer-wrapper .footer-logo-wrap a{display:inline-block}.td-footer-wrapper .footer-logo-wrap .np-custom-logo{margin:0 auto}}

/* ---- Say What home + section layout (UtaHome) ---- */
.td-main-content-wrap .td-post-category{color:var(--uta-blue)}
.uta-newsbox .uta-hero{margin:0 0 12px}
.uta-newsbox-txt{font:400 15px/1.5 "Nunito Sans",system-ui,sans-serif;color:var(--uta-ink);margin:0 0 12px}
.uta-newsbox .uta-sub-row{flex-direction:column}.uta-newsbox .uta-sub button{width:100%}
.uta-start-list{list-style:none;margin:0;padding:0}.uta-start-list li{margin:0 0 10px}
.uta-start-list a{font:800 15px/1.35 Nunito,sans-serif;color:var(--uta-deep)}.uta-start-list a:hover{color:var(--uta-blue)}
.uta-say-ad{margin:8px auto 24px}
.td-main-content-wrap .tbgl-ad--sidebar{margin:0 0 30px}
/* Say What sets its headlines in a heavy condensed face; Nunito needs its heaviest weight to carry the same weight */
.td-main-content-wrap :is(.td-module-title,.td-big-grid-meta .entry-title,.td-page-title,.block-title),.td-category-header .td-page-title{font-family:Nunito,sans-serif!important;font-weight:900!important}
.td-big-grid-post .td-module-thumb:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(11,42,63,.82));pointer-events:none}
.td-big-grid-post .td-module-thumb{position:relative}
/* Say What tucks its big grid 48 px up under the header on phones; with our header ad above it, keep a normal gap */
@media (max-width:767px){.tbgl-ad--header + #main .td-grid-what{margin-top:0!important}}
@media (min-width:768px){.td-theme-wrap .tbgl-ad--header{margin-bottom:20px}}
