/* TOPNAMES V6 — SITEWIDE PREMIUM FRAME */
:root {
  --tn-emerald:#173F39;
  --tn-dark:#102F2B;
  --tn-mint:#D9EFE5;
  --tn-gold:#B78A43;
  --tn-ivory:#FAF8F2;
}
html body {
  background:#EAF3EF!important;
}
body > header,
body > .nav,
body > .hero,
body > main,
body > .main,
body > section,
body > footer,
body > .footer {
  width:100%!important;
  max-width:1220px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body .wrap,
body .header-inner,
body .hero-inner,
body .main,
body .panels,
body .foot,
body .footer-inner {
  max-width:1220px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body > header,
body > footer,
body > .footer {
  border-left:4px double var(--tn-gold)!important;
  border-right:4px double var(--tn-gold)!important;
}
body .top,
body .nav {
  background:linear-gradient(125deg,var(--tn-dark),#236257)!important;
}
body .footer,
body footer.footer {
  position:relative!important;
  isolation:isolate!important;
  background:
    linear-gradient(90deg,rgba(12,42,36,.92),rgba(19,64,55,.82)),
    url('/assets/grandbrands/midwest-guido-borelli.jpg')
    center 48%/cover no-repeat!important;
  border-top:5px double var(--tn-gold)!important;
  border-bottom:5px double var(--tn-gold)!important;
}
body .footer a,
body footer.footer a {
  color:#F2FAF5!important;
}
body .footer .foot-tag,
body .footer .tag {
  color:#E6C587!important;
}
body .card,
body .panel {
  border-color:var(--tn-gold)!important;
}
@media(min-width:1001px) {
  body .nav .menu {
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:16px!important;
  }
  body .nav .menu a {
    white-space:nowrap!important;
  }
}
@media(max-width:900px) {
  body .wrap,
  body .header-inner,
  body .hero-inner,
  body .foot {
    max-width:100%!important;
  }
}


/* TOPNAMES V6 — ACTUAL PAGE STRUCTURE CORRECTIONS */
html body { background:#eaf3ef!important; }

body > header.top,
body > header,
body > .hero,
body > .pagehero,
body > .section,
body > main,
body > .premium-wrap,
body > .about-wrap,
body > footer,
body > footer.footer {
  width:100%!important;
  max-width:1220px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

body .wrap {
  max-width:1220px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

body > header.top,
body > header,
body > .hero,
body > .pagehero,
body > .section,
body > main,
body > footer {
  border-left:4px double #B78A43!important;
  border-right:4px double #B78A43!important;
}

body .top,
body .nav {
  background:linear-gradient(135deg,#102F2B,#236257)!important;
}

body .nsmark {
  background:linear-gradient(145deg,#173F39,#102F2B)!important;
  border:2px solid #B78A43!important;
  border-radius:4px!important;
}
body .nsmark span,
body .namelogo .gold,
body .footerlogo .gold {
  color:#D9AD62!important;
}
body .namelogo .white {
  color:#fff!important;
}
body .tag,
body .foot-tag {
  color:#F3E3BB!important;
}

body .cta,
body .btn,
body button,
body input[type=submit] {
  background:linear-gradient(180deg,#B78A43,#8D642D)!important;
  border:1px solid #E3C78E!important;
  color:#fff!important;
}
body .cta:hover,
body .btn:hover {
  background:#173F39!important;
  color:#fff!important;
}

body .pagehero,
body .hero {
  border-top:4px double #B78A43!important;
  border-bottom:4px double #B78A43!important;
}
body .pagehero .kicker,
body .hero .kicker {
  color:#E6C587!important;
}

body .section,
body .premium-wrap,
body .about-wrap {
  background:#FAF8F2!important;
}

body .card,
body .cat {
  background:linear-gradient(145deg,#FAF8F2,#D9EFE5)!important;
  border:4px double #B78A43!important;
  border-radius:4px!important;
}
body h2 { color:#173F39!important; }
body h3 { color:#946A30!important; }

body footer.footer {
  background:
    linear-gradient(90deg,rgba(12,42,36,.91),rgba(19,64,55,.78)),
    url('/assets/grandbrands/midwest-guido-borelli.jpg')
    center 48%/cover no-repeat!important;
  border:5px double #B78A43!important;
}

@media(min-width:1001px) {
  body header.top .nav,
  body header .nav {
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  body header .menu {
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    font-size:12px!important;
  }
  body header .menu a { white-space:nowrap!important; }
  body header .tag { font-size:15px!important; }
}