/**
* Core
**/
body {
    font-family: 'IBM Plex Sans';
    background: linear-gradient(135deg, #003D5B 0%, #30638E 40%, #00798C 100%);
    background-attachment: fixed;
}

a {
  color: #4DB8FF;
  text-decoration: none;
}

a:hover {
  color: #4DB8FF;
  text-decoration: underline;
}

/**
* Classes
**/
.logo_main {
  width: 90%;
  max-width: 500px;
  display: block;
  margin: 0 auto;
}

/**
* Navigation
**/
.navbar {
   max-width: 1300px;
   margin: 0 auto;
   font-family: 'IBM Plex Sans Bold';
}

.navbar-brand {
  font-size: 2em;
}

.navwrapper {
    width: 100%;
    background-color: #003D5B;
    border-bottom: 1px solid #00798C;
}

/**
* Font Classes
**/
.mono {
  font-family: 'IBM Plex Mono';
}

.plex {
  font-family: 'IBM Plex Sans';
}

.bold {
  font-family: 'IBM Plex Sans Bold';
}

/**
* Font Families
**/
@font-face {
    font-family: 'IBM Plex Mono';
    src: url('../font/IBMPlexMono-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../font/IBMPlexSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Bold';
    src: url('../font/IBMPlexSans-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* ==================================================
   LCS.XYZ COLOR SYSTEM
   Palette:
   #D1495B red
   #EDAE49 gold
   #00798C teal
   #30638E blue
   #003D5B navy
================================================== */

/* Text Colors */
.text-red {
    color: #D1495B !important;
}

.text-gold {
    color: #EDAE49 !important;
}

.text-teal {
    color: #00798C !important;
}

.text-blue {
    color: #30638E !important;
}

.text-navy {
    color: #003D5B !important;
}

.text-light {
    color: #ffffff !important;
}

/* Background Helpers */
.bg-red {
    background-color: #D1495B !important;
}

.bg-gold {
    background-color: #EDAE49 !important;
}

.bg-teal {
    background-color: #00798C !important;
}

.bg-blue {
    background-color: #30638E !important;
}

.bg-navy {
    background-color: #003D5B !important;
}

/* ======================================
   LCS.XYZ BLUE GLOW ICON EFFECT
====================================== */

.icon-glow-blue {
    color: #4fc3ff; /* bright electric blue */

    text-shadow:
        0 0 4px rgba(79,195,255,0.90),
        0 0 8px rgba(79,195,255,0.75),
        0 0 16px rgba(79,195,255,0.55),
        0 0 28px rgba(79,195,255,0.35);

    transition: all 0.25s ease;
}

/* Hover boost */
.icon-glow-blue:hover {
    color: #8ddcff;

    text-shadow:
        0 0 6px rgba(141,220,255,1),
        0 0 12px rgba(141,220,255,0.85),
        0 0 22px rgba(141,220,255,0.60),
        0 0 40px rgba(141,220,255,0.40);
}

/**
* Divs
**/
#footer {
  width: 90%;
  margin: 10px auto 0 auto;
  color: #FFF7ED;
  text-align: center;
}

#footer a {
  color: #FFF7ED;
  text-decoration: underline;
}

#footer a:hover {
  color: #FFF7ED;
  text-decoration: none;
}