/* ==========================================================================
   FMAU — Custom Elegant Theme Override
   Loaded AFTER css/style.css (UIkit) and fontawesome so these rules win.
   This file only re-skins existing markup/classes — no HTML structure
   or spacing in index.php was changed to make this work (aside from one
   <link> line to include this file).
   Palette reference: navy / gold / red / black, per FMAU brand mark.
   ========================================================================== */

:root {
  --fmau-navy:        #0b1f3d;
  --fmau-navy-dark:   #071426;
  --fmau-navy-light:  #12294f;
  --fmau-gold:        #f2b705;
  --fmau-gold-dark:   #d99f00;
  --fmau-red:         #c81e2c;
  --fmau-red-dark:    #a6161f;
  --fmau-black:       #14161a;
  --fmau-off-white:   #f7f8fa;
  --fmau-grey:        #6b7280;
  --fmau-border:      #e7e9ee;
  --fmau-shadow:      0 10px 30px rgba(11, 31, 61, .08);
  --fmau-shadow-lg:   0 20px 45px rgba(11, 31, 61, .14);


    --navy: #0B1E3D;
    --navy-deep: #061431;
    --navy-2: #0f2a52;
    --gold: #F2A900;
    --gold-deep: #C98A00;
    --red: #c81e2c;
    --black: #171717;
    --paper: #FFFFFF;
    --paper-2: #F6F7FA;
    --ink: #16213E;
    --ink-soft: #5B6479;
    --line: #E6E8EE;
    --radius: 4px;
}

/* --------------------------------------------------------------------
   0. Base
   -------------------------------------------------------------------- */

body {
  -webkit-font-smoothing: antialiased;
}


.uk-navbar-right .uk-button-default {
  border: 1px solid var(--fmau-navy);
  color: var(--fmau-navy);
  background: transparent;
}

.uk-navbar-right .uk-button-default:hover {
  background: var(--fmau-navy);
  color: #fff;
}

.uk-navbar-right .uk-button-primary {
  background-color: var(--fmau-gold) !important;
  color: var(--fmau-navy) !important;
  border-color: var(--fmau-gold);
}

.uk-navbar-right .uk-button-primary:hover {
  background-color: var(--fmau-gold-dark) !important;
  box-shadow: 0 8px 18px rgba(242, 183, 5, .35);
}

/* --------------------------------------------------------------------
   3. Hero / slideshow
   -------------------------------------------------------------------- */
.in-slideshow {
  position: relative;
}

/*.in-slideshow::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgba(7, 20, 38, .94) 0%, rgba(11, 31, 61, .82) 45%, rgba(11, 31, 61, .45) 100%);
  z-index: 1;
  pointer-events: none;
}*/

.in-slideshow .uk-container {
  position: relative;
  z-index: 2;
}

.in-slideshow h1 {
  color: #ffffff;
  font-weight: 800;
  font-size: 2.6rem;
  line-height: 1.15;
  text-transform: uppercase;
}

.in-slideshow .uk-text-lead {
  color: rgba(255, 255, 255, .82);
  font-size: 1.02rem;
  max-width: 46ch;
}

.in-slideshow .uk-button-secondary {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .6);
}

.in-slideshow .uk-button-secondary:hover {
  background-color: #fff !important;
  color: var(--fmau-navy) !important;
}

.uk-dotnav > * > * {
  background: rgba(255, 255, 255, .35);
  border-color: transparent;
}

.uk-dotnav > .uk-active > * {
  background: var(--fmau-gold);
}

/* wavy divider under the hero, echoing the curved band in the brand site */
.in-slideshow {
  clip-path: none;
}

.in-slideshow::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 46px;
  z-index: 2;
  background: var(--fmau-off-white);
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'><path d='M0,40 C320,0 1120,80 1440,20 L1440,60 L0,60 Z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'><path d='M0,40 C320,0 1120,80 1440,20 L1440,60 L0,60 Z'/></svg>");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.simplified-overlay {
position:absolute;
top:0;
right: 0;
width:100%;
height:100%;
background: linear-gradient(100deg, rgba(7, 20, 38, .94) 0%, rgba(11, 31, 61, .82) 45%, rgba(11, 31, 61, .45) 100%);
}

/* thin gold/red accent rule directly beneath the hero */
main > .uk-section.uk-padding-remove-vertical:first-of-type {
  position: relative;
}

/* --------------------------------------------------------------------
   4. Ticker / marquee strip (member names)
   -------------------------------------------------------------------- */
.in-ticker-prices.uk-bg-yellow,
.in-ticker-prices {
  background: var(--fmau-navy) !important;
  border-top: 3px solid var(--fmau-gold);
}

.in-ticker-prices li {
  color: rgba(255, 255, 255, .78) !important;
  font-size: .82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
}


/* --------------------------------------------------------------------
   6. "Why FMAU Exists" card
   -------------------------------------------------------------------- */
.in-fina-1 .uk-card,
.uk-card.uk-card-default {
  border: 1px solid var(--fmau-border);
  box-shadow: var(--fmau-shadow) !important;
}

/* --------------------------------------------------------------------
   7. "Our Pillars" style card grid (uk-bg-dark / uk-bg-yellow / uk-bg-red)
   -------------------------------------------------------------------- */
.in-card-10 .uk-card {
  border: none;
  border-radius: 10px;
  min-height: 190px;
  padding: 28px 22px !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: var(--fmau-shadow);
}

.in-card-10 .uk-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--fmau-shadow-lg);
}

.in-card-10 .uk-card.uk-bg-dark {
  background-color: var(--fmau-navy) !important;
}

.in-card-10 .uk-card.uk-bg-yellow {
  background-color: var(--fmau-gold) !important;
}

.in-card-10 .uk-card.uk-bg-yellow h6,
.in-card-10 .uk-card.uk-bg-yellow p {
  color: var(--fmau-navy) !important;
}

.in-card-10 .uk-card.uk-bg-red {
  background-color: var(--fmau-red) !important;
}

.in-card-10 .uk-card h6 {
  font-size: .95rem;
  letter-spacing: .03em;
  margin-bottom: 8px;
}

.in-card-10 .uk-card p {
  font-size: .85rem;
  opacity: .92;
  line-height: 1.5;
}

.in-card-10 .uk-card i.fa-chevron-right {
  opacity: .6;
}

/* --------------------------------------------------------------------
   8. Buttons inside dark sections
   -------------------------------------------------------------------- */
.uk-section-secondary:not(.uk-preserve-color) {
  background-color: var(--fmau-navy) !important;
}

/* contact icon row above footer columns, if used ("Questions? / Email / Location") */
.in-icon-wrap.large.circle {
  background: var(--fmau-navy);
  color: var(--fmau-gold);
  border: 2px solid var(--fmau-gold);
}

/* --------------------------------------------------------------------
   10. To-top button
   -------------------------------------------------------------------- */
.to-top {
  background: var(--fmau-navy);
  color: #fff;
}

.to-top:hover {
  background: var(--fmau-red);
  color: #fff;
}

/* --------------------------------------------------------------------
   11. Misc polish
   -------------------------------------------------------------------- */
.uk-border-rounded {
  border-radius: 8px !important;
}

.in-ratings i {
  color: var(--fmau-gold);
}

.uk-text-emphasis {
  color: var(--fmau-navy) !important;
}

hr {
  border-top: 1px solid var(--fmau-border);
}



  /* ===== Pillars ===== */
  .pillar-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
  .pillar-card{ padding:14px 26px 34px; border-radius:6px; color:#fff; min-height:190px; display:flex; flex-direction:column; justify-content:flex-end; gap:12px; position:relative; overflow:hidden; }
  .pillar-card .ic{ width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.14); display:flex; align-items:center; justify-content:center; }
  .pillar-card h3{ color:#fff; font-size:18px; font-weight:700; }
  .pillar-card p{ color:rgba(255,255,255,.78); font-size:13.5px; }
  .pillar-card.c-navy{ background:var(--navy); }
  .pillar-card.c-gold{ background:var(--gold); color:var(--navy); }
  .pillar-card.c-gold h3, .pillar-card.c-gold p{ color:var(--navy); }
  .pillar-card.c-gold p{ color:rgba(11,30,61,.72); }
  .pillar-card.c-black{ background:var(--black); }
  .pillar-card.c-red{ background:var(--red); }