:root {
	--nx_blue : #022A3A;
	--nx_red : #CC0000;
	--nx_ltblue : #7FBDDC;
	--nx_gold : #AE8F5D;
	--nx_tan : #F1F0EB;
}


/* NAVALX FONTS */
@font-face {
    font-family: "Fira Sans Condensed";
    src: url('/sfsites/c/resource/FiraSansCondensed') format('truetype');
}
@font-face {
    font-family: "Fira Sans Extra Condensed";
    src: url('/sfsites/c/resource/FiraSansExtraCondensed') format('truetype');
}


/* NAVALX -- COLOR CLASSES */
.nx_navyBlue {
    color : var(--nx_blue);
}

.nx_navyBlue_bg {
    background-color : var(--nx_blue);
}

.nx_red {
    color: var(--nx_red);
}
.nx_red_bg {
    background-color: var(--nx_red);
}

.nx_lightBlue {
    color:#7FBDDC;
}

.nx_lightBlue_bg {
    background-color: var(--nx_ltblue);
}

.nx_gold {
    color: var(--nx_gold);
}

.nx_gold_bg {
    background-color: var(--nx_gold);
}
.nx_tan {
    color: var(--nx_tan);
}

.nx_tan_bg {
    background-color: var(--nx_tan);
}

body {
    color : var(--nx_blue);
    font-family : 'Fira Sans Condensed',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.25em;
}


/* HIDES THE 'HOME' DEFAULT MENU OPTION */
.forceCommunityThemeNav .comm-navigation__top-level-item.mainNavItem:first-child{
  display: none;
  visibility: hidden;  
}

.forceCommunityThemeHeaderCompact .themeNav { visibility:visible !important; }

h1, .h1 {
    font-family : 'Fira Sans Extra Condensed',Helvetica,Arial,Lucida,sans-serif;
    font-size: 3em !important;
    font-weight: bold !important;
}

h2, .h2 {
    font-size: 3em !important;
    font-weight: bold !important;
}

h3, .h3 {
    font-size: 2.7em !important;
    font-weight: bold !important;
}

h4, .h4 {
    font-size: 2.5em !important;
    font-weight: bold !important;
}

h5, .h5 {
    font-size: 2em !important;
    font-weight: bold !important;
}


p {
    line-height:1.4em !important;
    font-size:1.2em !important;
    font-weight: normal !important;
}

.subheadline {
    font-size: 1.6em;
    font-weight: 400;
    font-family :' 'Fira Sans Condensed';
}


.button {
    background-color: var(--nx_ltblue);
    border-width: 2px;
    border-style: solid;
    border-color: var(--nx_ltblue);
    border-radius: 25px;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 1em;
    color: var(--nx_blue);
    font-weight: bold;
    line-height: 1.7em;
    font-size: 1.2em;
    padding-left: 1.2em;
    padding-right: 1.2em;
}

.button:hover {
    color: white;
    background-color: rgba(255,255,255,0);
    border-color: white;
    text-decoration: none;
}

.buttonInverse {
    background-color: white;
    border-width: 2px;
    border-style: solid;
    border-color: white;
    border-radius: 25px;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 1em;
    color: var(--nx_blue);
    font-weight: bold;
    line-height: 1.7em;
    font-size: 1.2em;
    padding-left: 1.2em;
    padding-right: 1.2em;
}

.buttonInverse:hover {
    color: white;
    background-color: var(--nx_blue);
    border-color: var(--nx_blue);
    text-decoration: none;
}