body a {
        text-decoration: none;
        color: var(--primary-color) !important;
    }

    body a:hover {
        text-decoration: underline;
    }

    
    


:root {
  --primary-color: #020033;
  --secondary-color: #194098;
  --background-color: #f5f5f5;
  --text-color: #4d4d4d;

  }



/* ==========================================================================
   Font Definitions
   ========================================================================== */

/* Monument Grotesk */
@font-face {
  font-family: 'Monument Grotesk';
  src: url('https://assets.thevendorgroup.com/site/4e130c9c-cc91-4ef6-86b7-52b49f01e662/fonts/Monument_Grotesk/MonumentGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Monument Grotesk';
  src: url('https://assets.thevendorgroup.com/site/4e130c9c-cc91-4ef6-86b7-52b49f01e662/fonts/Monument_Grotesk/MonumentGrotesk-RegularItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Monument Grotesk';
  src: url('https://assets.thevendorgroup.com/site/4e130c9c-cc91-4ef6-86b7-52b49f01e662/fonts/Monument_Grotesk/MonumentGrotesk-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Monument Grotesk';
  src: url('https://assets.thevendorgroup.com/site/4e130c9c-cc91-4ef6-86b7-52b49f01e662/fonts/Monument_Grotesk/MonumentGrotesk-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Monument Grotesk';
  src: url('https://assets.thevendorgroup.com/site/4e130c9c-cc91-4ef6-86b7-52b49f01e662/fonts/Monument_Grotesk/MonumentGrotesk-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Monument Grotesk';
  src: url('https://assets.thevendorgroup.com/site/4e130c9c-cc91-4ef6-86b7-52b49f01e662/fonts/Monument_Grotesk/MonumentGrotesk-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Monument Grotesk Semi-Mono';
  src: url('https://assets.thevendorgroup.com/site/4e130c9c-cc91-4ef6-86b7-52b49f01e662/fonts/Monument_Grotesk/MonumentGrotesk-Semi-Mono.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Self Modern */
@font-face {
  font-family: 'Self Modern';
  src: url('https://assets.thevendorgroup.com/site/4e130c9c-cc91-4ef6-86b7-52b49f01e662/fonts/Self_Modern/Self%20Modern%20Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Self Modern';
  src: url('https://assets.thevendorgroup.com/site/4e130c9c-cc91-4ef6-86b7-52b49f01e662/fonts/Self_Modern/Self%20Modern%20Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* ==========================================================================
   Default Typography - Monument Grotesk
   ========================================================================== */

body,
p,
div,
span,
a,
li,
td,
th,
label,
input,
textarea,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Monument Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ==========================================================================
   Self Modern - Kicker Elements
   ========================================================================== */


.mb-5.vg-section-header {
    margin-bottom: 0px !important;
}

.vg-section-header .page-header h1{
  color:#fff !important;
  text-shadow: 1px 1px 2px black;
}

.kicker {
  <!--font-family: 'Self Modern', Georgia, serif;-->
}


.h7 {
  font-family: 'Self Modern', Georgia, serif;
}


    h1, h2, h3, h4, h5, h6 {
        font-weight: 700 !important;
        color: var(--text-color) !important;
    }
    
    h1 {
        text-transform: uppercase;
    }
    
    .btn.btn-primary {
        border: 2px solid var(--primary-color);
        background: none;
        border-radius: 6px;
        color: var(--text-color);
        padding: 12px 30px;
    }


    body header .vg-section-header {
        /*background-image:url('https://storage.googleapis.com/vendorgroup-assets/site/69d64b5e-b362-40b2-b49a-213a401cec17/2026/04/08/69d691b222164d1e435e663e/ChatGPT%20Image%20Apr%208,%202026%20at%2010_34_24%20AM.png'); */
        background-color:#000;
        background-size:cover;
        background-position: bottom !important;
        display:flex;
        padding-top: 220px !important;
        padding-bottom: 60px !important;
        
    }
    
    body header .vg-section-header .page-header h1 {
        text-align:left;
        text-transform:uppercase;
        <!--color: #0C0C0B !important;-->
        font-weight: 700 !important;
        
    }
    
    @media(min-width:800px) {
        body header .vg-section-header .page-header h1 {
            font-size: 4rem !important;
        }
    
    footer {
        margin-top: auto;
    }


    p {
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 32px !important;
    }


    nav a {
        text-transform:uppercase;
        font-size: 14px !important;
    }
    .navbar-container-ir a {
        font-weight: 500 !important;
    }
    
    .navbar-container-ir li.nav-item.active {
        border-bottom: 0 !important;
    }
    
    .navbar-container-ir .dropdown-menu.show {
        background: #fff !important;
        border-radius: 6px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    
    .navbar-container-ir .dropdown-menu.show li a {
       color:#000 !important;
       font-weight: 400 !important;
    }
    
    .navbar-container-ir .dropdown-menu.show li a.dropdown-item:hover {
        background: #eee !important;
    }

    nav#section-nav {
    background-color: #eb0000 !important;

        
    }
    
    nav#section-nav a, nav#section-nav a.active  {
        color:#eef !important;
        font-weight: 700 !important;
        

    }
    
    nav#section-nav li.nav-item.active, nav#section-nav li.nav-item:hover {
        border-radius: 0 !important;
        border-bottom: 2px solid white !important;
        background: #000000066 !important;
    }
    
    nav#section-nav ul li{
        padding:  10px 0 2px 0;
        margin-right: 40px;
    }
    
    .navbar-container-ir  {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    
    .navbar-toggler {
        filter: invert();
    }


    form input, form textarea {
        border-radius: 6px !important;
    }

    input:focus, textarea:focus {
        border: 1px solid #000 !important;

    }


    h1, h2, h3, h4, h5, h6 {
        letter-spacing: -1px;
    }