/* FCIG Holdings — site styles. Page layout is inline in each HTML file; this file holds resets, hover states and responsive overrides. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}

/* hover and focus */
a.nl:hover{color:#C29B40 !important}
a.btng:hover{background:#D4AE57 !important}
a.btno:hover{border-color:#C29B40 !important;color:#C29B40 !important}
a.fl:hover{color:#C29B40 !important}
a.lk:hover{color:#C29B40 !important}
a.lkd:hover{color:#7A5B17 !important}
button.sub:hover{background:#112247 !important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #C29B40;outline-offset:3px}
input:focus,select:focus,textarea:focus{outline:2px solid #C29B40;outline-offset:2px}
button.sub{cursor:pointer}

/* skip link */
.skip{position:absolute;left:-9999px;top:8px;background:#C29B40;color:#0A1630;font:600 14px 'IBM Plex Sans',sans-serif;padding:12px 18px;z-index:100}
.skip:focus{left:8px}
#main{outline:none}

/* tablet and phone */
@media (max-width:900px){
  [style*="max-width:1200px"], [style*="max-width:760px"]{padding-left:28px !important;padding-right:28px !important}
}
@media (max-width:600px){
  [style*="max-width:1200px"], [style*="max-width:760px"]{padding-left:20px !important;padding-right:20px !important}
  section > [style*="max-width:1200px"]{padding-top:72px !important;padding-bottom:72px !important}
  nav a{font-size:12px !important}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}
@media print{
  header nav, .skip{display:none}
}
