/* =====================================
   FMG CUSTOM CSS
   Version: 2026-03-12 v1
   Site: TJ Advisor Website
   Notes: Theme refresh, nav cleanup, footer disclosures only, hero hidden
   ===================================== */

:root{
  --ink:#111827;
  --muted:#475569;
  --brand:#005581;
  --brand2:#026fa8;
  --bg:#ffffff;
  --card:#ffffff;
  --line:rgba(15,23,42,.12);
  --shadow:0 10px 30px rgba(2,6,23,.10);
  --radius:14px;
}

/* Base */
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Raleway', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.7;
  font-weight:400;
}

p, li, label{
  color:var(--muted) !important;
  font-weight:400 !important;
  font-size:16px;
}

h1,h2,h3,h4,
h1 a,h2 a,h3 a,h4 a{
  color:var(--ink) !important;
  font-weight:650 !important;
  letter-spacing:-.015em;
}

a{
  color:var(--brand);
  text-decoration:none;
  transition:all .2s ease;
}

a:hover{
  color:var(--brand2);
  text-decoration:underline;
  text-underline-offset:3px;
}

.container{
  max-width:1100px;
  margin:0 auto;
  padding-left:20px;
  padding-right:20px;
}

/* Buttons */
button,
input[type=submit],
.submit,
.button,
.btn,
a.button,
a.btn{
  background:var(--brand) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:12px !important;
  padding:10px 16px !important;
  box-shadow:var(--shadow);
  transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease;
  text-decoration:none !important;
}

button:hover,
input[type=submit]:hover,
.submit:hover,
.button:hover,
.btn:hover,
a.button:hover,
a.btn:hover{
  background:var(--brand2) !important;
  transform:translateY(-1px);
  box-shadow:0 14px 38px rgba(2,6,23,.14);
}

/* Cards */
#content article,
#content aside .sidebarWidget,
.sidebarWidget .wrapper,
.newsletterSignUp,
form{
  border-radius:16px !important;
}

#content article,
#content aside .sidebarWidget,
.sidebarWidget .wrapper,
.newsletterSignUp{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow:0 12px 28px rgba(2,6,23,.06) !important;
  transition:transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

#content article:hover,
#content aside .sidebarWidget:hover,
.sidebarWidget .wrapper:hover,
.newsletterSignUp:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 44px rgba(2,6,23,.10) !important;
  border-color:rgba(15,23,42,.16) !important;
}

#content article > .wrapper,
#content aside .wrapper,
.sidebarWidget .wrapper,
.newsletterSignUp .wrapper{
  padding:22px !important;
}

#content article h2,
#content article h3,
.sidebarWidget h3,
.sidebarWidget h4{
  margin-top:0 !important;
}

/* Header / Nav */
header{
  border-bottom:1px solid rgba(15,23,42,.10) !important;
  box-shadow:0 10px 30px rgba(2,6,23,.06) !important;
}

nav a,
nav li,
nav li a,
nav#main a{
  font-weight:650 !important;
  letter-spacing:.01em !important;
  font-size:14px !important;
  text-transform:none !important;
}

nav li a,
nav#main li a{
  padding:10px 10px !important;
  border-radius:10px !important;
  transition:background-color 140ms ease, color 140ms ease, transform 140ms ease;
}

nav li a:hover,
nav#main li a:hover{
  background:rgba(0,85,129,.08) !important;
  transform:translateY(-1px);
  text-decoration:none !important;
}

nav li.active > a,
nav li.current > a,
nav a.active,
nav a.current{
  background:rgba(0,85,129,.12) !important;
}

nav ul ul{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.12) !important;
  border-radius:14px !important;
  box-shadow:0 18px 44px rgba(2,6,23,.14) !important;
  overflow:hidden;
  opacity:1 !important;
  filter:none !important;
}

nav ul ul li a{
  color:#111827 !important;
  font-weight:600 !important;
  padding:10px 12px !important;
}

nav ul ul li a:hover{
  background:rgba(0,85,129,.08) !important;
  color:#111827 !important;
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
input[type="password"],
select,
textarea{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  background:#fff !important;
  color:#111827 !important;
  border:1px solid rgba(15,23,42,.14) !important;
  border-radius:12px !important;
  padding:12px !important;
  line-height:1.25 !important;
  box-shadow:0 6px 18px rgba(2,6,23,.05) !important;
  transition:border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

textarea{
  min-height:130px !important;
  resize:vertical;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus{
  outline:none !important;
  border-color:rgba(2,111,168,.55) !important;
  box-shadow:0 0 0 4px rgba(2,111,168,.18), 0 10px 24px rgba(2,6,23,.08) !important;
  transform:translateY(-1px);
}

label{
  display:inline-block;
  margin:10px 0 6px 0 !important;
  font-weight:650 !important;
  color:#111827 !important;
}

form p,
form .field,
form .formRow{
  margin:0 0 14px 0 !important;
}

/* Masthead */
header img{
  max-height:120px !important;
  width:auto !important;
}

/* Homepage cleanup */
#hero{
  display:none !important;
}

.homepage #suggested,
.homepage #additional{
  display:none !important;
}

.homepage #content{
  height:auto !important;
  margin-top:0 !important;
  padding-top:0 !important;
}

.homepage #content .container article{
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* Subpages */
.subpage #content .container,
.subpage #content .container article{
  background:none !important;
  border:none !important;
  box-shadow:none !important;
}

.subpage #content{
  margin-top:0 !important;
  padding-top:10px !important;
}

.subpage #content .container,
.subpage #content .container article,
.subpage #content h1,
.subpage #content h2:first-child,
.subpage #content h1:first-child{
  padding-top:0 !important;
  margin-top:0 !important;
}

/* Colors */
footer{
  background:#032f60 !important;
  padding-top:40px;
  padding-bottom:25px;
}

footer,
footer p,
footer a,
footer li,
footer *{
  color:#ffffff !important;
}

nav#main,
nav#main .container,
nav#main ul{
  background:#032f60 !important;
}

nav#main li a{
  color:#ffffff !important;
}

nav#main{
  border-bottom:2px solid #59afdc !important;
}

nav#main li:hover,
nav#main li a:hover{
  background:rgba(255,255,255,0.12) !important;
}
/* =====================================
   FINAL HIDE – Helpful Content
   ===================================== */

#suggested,
section#suggested,
.homepage #suggested,
#additional,
section#additional,
.homepage #additional{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}