/* ============================================================
   MAP360 Microsite Stylesheet  —  color refresh
   ------------------------------------------------------------
   Drop-in for assets/code/style.css. Aligned to Header.php + Recaps.php.

   Scope of changes vs your original:
     - COLORS ONLY (plus the gradient background). No spacing, padding,
       margin, width, or height was changed anywhere.
     - removed dead code (the SCSS @import/@include/$vars that never ran)
     - removed the unused .underlineWhite / .footerLinkWhite (your PHP
       actually uses .underline / .footerLink), defined below instead
     - gallery media corners are rounded via .recapMedia, a class added
       only to the gallery <img>/<video> in Recaps.php, so nothing else
       (nav logo, hero, footer logo, social icons) is touched
   ============================================================ */

:root{
  --pitcon:#00AEED;   /* brand blue  */
  --delft:#24395B;    /* brand delft */
  --raisin:#231F20;   /* brand raisin */
}

/* Text stays white on the dark background */
body{ color:#fff; }

/* Page background: brand gradient on a fixed layer BEHIND everything.
   Purely visual, affects no layout or image. */
body::before{
  content:"";
  position:fixed; inset:0; z-index:-1;
  background:
    radial-gradient(75% 75% at 28% 18%, rgba(0,174,237,.14), transparent 62%),
    linear-gradient(135deg, var(--delft), var(--raisin));
}


/* Padding  —  UNCHANGED from your original (spacing untouched) */
.padding {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.headingPadding {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 40px;
    padding-bottom: 10px;
}

.footerPadding {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.imgPadding {
    height: auto!important;
}
/* Padding */


.Rem_4 {
    font-size: 4rem;   /* was a SCSS @include that never ran; same 4rem intent */
}


/* Colors */
.fc_white {
    color: #fff!important;
}

.fc_black {
    color: #000!important;
}

.fc_primary {
    color: var(--pitcon)!important;
}
/* Colors */


/* Font Weight  —  UNCHANGED */
.fw_900 { font-family: 'Montserrat'!important; font-weight: 900 !important; }
.fw_700 { font-family: 'Montserrat'!important; font-weight: 700 !important; }
.fw_600 { font-family: 'Montserrat'!important; font-weight: 600 !important; }
.fw_500 { font-family: 'Montserrat'!important; font-weight: 500 !important; }
.fw_400 { font-family: 'Montserrat'!important; font-weight: 400 !important; }
.fw_300 { font-family: 'Montserrat'!important; font-weight: 300 !important; }
/* Font Weight */


/* Divider  —  margins UNCHANGED; only the line color is cleaned up.
   Your inline border-color / width on each <hr> still wins. */
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    height: 1px;
    background-color: rgba(255,255,255,.10);
    opacity: 1!important;
}
/* Black dividers (inline border-color:#000) were meant to be hidden -> transparent */
hr[style*="#000"]{
    background-color: transparent!important;
}

.squarer {
    overflow: visible;
}

/* .border  —  same 1px line, softened color (used on gallery media) */
.border{
    border: 1px solid rgba(255,255,255,.15);
}

/* Footer link + underline  —  the class names your PHP actually uses */
.underline{
    text-decoration: underline;
}
.footerLink{
    color: #fff;
}
.footerLink:hover{
    color: var(--pitcon);
}

/* Rounded corners on GALLERY media ONLY (class added in Recaps.php) */
.recapMedia{
    border-radius: 12px;
}