/* Editorial wrapping and one shared header logo. */
header a.main-logo{display:inline-block;line-height:1}
#sticky-header{background:#fff!important;box-shadow:0 10px 15px rgba(25,25,25,.1)!important}
#sticky-header.transparent-header .navbar-wrap>ul>li>a:not(:hover){color:#777}
#sticky-header.transparent-header .header-action>ul>li>a:not(:hover),#sticky-header.transparent-header .offCanvas-btn>a:not(:hover){color:#222}
#sticky-header.transparent-header .goodys-vector-mark .goodys-logo-dark{display:block}
#sticky-header.transparent-header .goodys-vector-mark .goodys-logo-light{display:none}
/* The SVG logo is also the loading mark. */
#preloader #loader{width:180px!important;height:70px!important}
#preloader #loader h2{height:70px!important;font-size:0!important;line-height:0!important;background:url('/goodys/logo-dark.svg') left center/180px auto no-repeat!important;color:transparent!important}
#preloader #loader #bg-loader{opacity:.22}
#preloader #loader #fg-loader{opacity:1}
/* Dark banner headers use a light mark; the sticky white header uses the base palette. */
header.transparent-header:not(.sticky-menu) a.main-logo .goodys-black{color:#000}
header.transparent-header:not(.sticky-menu) a.main-logo .goodys-blue{color:#527db0}
header.transparent-header:not(.sticky-menu) a.main-logo .goodys-orange{color:#f49332}
header.transparent-header:not(.sticky-menu) a.main-logo .goodys-red{color:#c83c42}
header.transparent-header:not(.sticky-menu) a.main-logo .goodys-green{color:#2d8a62}
main :is(h1,h2,h3,h4),footer .goodys-footer-heading .elementor-heading-title{text-wrap:balance}
main :is(p,li,.accordion-body,.tg-desc),footer .goodys-footer-copy{text-wrap:pretty}
main .blog-post-content h3.title,main .blog-post-content h3.title>a{white-space:normal!important;text-overflow:clip;overflow:visible;line-height:1.3;text-wrap:balance}
footer.goodys-footer .goodys-footer-discover{display:block;margin-top:12px;font-weight:700;line-height:1.6;color:#e0e6ed;text-wrap:balance}
/* Keep the existing desktop menu on one deliberate line. Submenus retain their layout. */
@media(min-width:1261px){
header .navbar-wrap>ul{gap:20px;flex-wrap:nowrap!important}
header .navbar-wrap>ul>li{margin:0!important;flex:none}
header .navbar-wrap>ul>li>a{font-size:14px;padding:20px 0!important;white-space:nowrap}
}
@media(max-width:767px){
main .breadcrumb-content .title{font-size:clamp(30px,7.5vw,44px);line-height:1.15}
}