@charset "UTF-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');

@font-face {
    font-family: 'SourceSansPro';
    font-display: swap;
    src: url('../fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    font-display: swap;
    src: url('../fonts/SourceSansPro-Light.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    font-display: swap;
    src: url('../fonts/SourceSansPro-It.woff2') format('woff2'),
        url('../fonts/SourceSansPro-It.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'SourceSansPro';
    font-display: swap;
    src: url('../fonts/SourceSansPro-ExtraLight.woff2') format('woff2'),
        url('../fonts/SourceSansPro-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    font-display: swap;
    src: url('../fonts/SourceSansPro-LightIt.woff2') format('woff2'),
        url('../fonts/SourceSansPro-LightIt.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'SourceSansPro';
    font-display: swap;
    src: url('../fonts/SourceSansPro-Semibold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    font-display: swap;
    src: url('../fonts/SourceSansPro-SemiboldIt.woff2') format('woff2'),
        url('../fonts/SourceSansPro-SemiboldIt.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'SourceSansPro';
    font-display: swap;
    src: url('../fonts/SourceSansPro-ExtraLightIt.woff2') format('woff2'),
        url('../fonts/SourceSansPro-ExtraLightIt.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'SourceSansPro';
    font-display: swap;
    src: url('../fonts/SourceSansPro-Black.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    font-display: swap;
    src: url('../fonts/SourceSansPro-BoldIt.woff2') format('woff2'),
        url('../fonts/SourceSansPro-BoldIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'SourceSansPro';
    font-display: swap;
    src: url('../fonts/SourceSansPro-BlackIt.woff2') format('woff2'),
        url('../fonts/SourceSansPro-BlackIt.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'SourceSansPro';
    font-display: swap;
    src: url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNova-Light.woff2') format('woff2'),
        url('../fonts/ProximaNova-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'),
        url('../fonts/ProximaNova-Extrabld.woff') format('woff');
    font-weight: 750;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNova-Black.woff2') format('woff2'),
        url('../fonts/ProximaNova-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNova-RegularIt.woff2') format('woff2'),
        url('../fonts/ProximaNova-RegularIt.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ================================= Basic Styles ================================= */

body {
    font-family: 'Lato', Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    /* background-color: #EEE !important; */
    line-height: 1;
    color: #606060;
    background-color: #0e3f5e !important;
    border-top: #86BBD8 solid 6px;
}

h1, h2, h3, h4, p, li {
    font-family: 'Lato', Helvetica, sans-serif;
}

h1, h2 {
    /* font-size: 3em; */
    font-size: 11vw;
    font-family: Lato, Helvetica, sans-serif;
    color: #2965A7;
    line-height: 0.9;
}

h1 {
    font-weight: bold;
}

h1 sup {
    font-size: 0.5em;
}

h2 {
    font-weight: 300;
    font-size: 3em;
    margin: 0.5em 0;
    text-transform: uppercase;

}

h3 {
    font-size: 2em;
    /* font-family: Norwester,Helvetica,Arial; */
    /* color: #626262; */
    line-height: 1;
    /* margin-top: 1.5em !important; */
}

ul {
    padding: 0;
    padding-left: 0;
    margin: 0;
    margin-left: 30px;
}

ul.nobullet li {
    list-style-type: none !important;
}

ul.nobullet li::before {
    content: '' !important;
}

ul.centered li {
    text-align: center;
}

p, li {
    line-height: 1.2;
}

ul li {
    list-style-type: none;
    margin: 5px 0 10px;
}

ul li:before {
    font-family: 'FontAwesome';
    content: '\f14a';
    margin: 0 10px 0 -1.8em;
    color: #C1001F;
    font-size: 0.75em !important;
}

ol li {
    margin: 0 0 12px;
}

a {
    color: #0076be;
}

img {
    max-width: 100%;
    height: auto;
}

figure a {
    cursor: pointer;
}

body .container-fluid {
    margin-bottom: 30px;
}

main {
    background-color: #FFF !important;
    margin-top: -30px;
}

figcaption {
    color: #0076be;
    text-align: center;
}

hr {
    border: none !important;
    background-color: #606060;
    height: 1px !important;
    opacity: 1 !important;
}

a.btn, a.btn-primary {
    background-color: #2965A7 !important;
    border-radius: 3px;
    font-family: 'Lato', Helvetica, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    border: none !important;
    margin-bottom: 15px;
}

:focus {
    /* outline: 3px; */
    /* border: orangered 3px solid !important; */
}

.maxw {
    max-width: 1200px !important;
    padding: 12px;
}

.page {
    /* background-color: #FFF; */
    /* padding: 30px !important; */
    padding: 15px;
    overflow: hidden;
}

.bg2{
    background-color: #EFE9D9;
}

.bg2, .bg2 > div {
    margin-bottom: 0 !important;
}

.bg3{
    background-color: #2965A7;
}

.bg3 h2, .bg3 h3, .bg3 p, .bg3 li, .bg3 a {
    color: #FFF;
}

.bg3 ul {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.bg3 li:before {
    color: #D2D0C8;
}

.bg3 hr {
    background-color: #FFF !important;
}

.bg3 .btn {
    background-color: #3781E1 !important;
    color: #FFF;
}

.bg3 .btn:hover {
    color: #FFF !important;
    background-color: #C1001F !important;
}

.bg3 .col1 {
    /* padding-right: 40px; */
}

.bg3 .col2 {
    /* border-left: solid 1px #EFE9D9; */
}

.whitebg {
    background-color: #FFF;
}

.blackbg {
    background-color: #000;
}

.blackbg h2 {
    color: #FFF;
}

.medbg {
    background-color: #dadada;
}

.medbg p, .medbg li {
    color: #333;
}

.darkbg {
    background-color: #2965A7;
}

.bluebg {
    background-color: #0076be;
}

.bluebg h2, .bluebg p {
    color: #FFF;
}

.nopadding {
    padding: 0 !important;
}

.nopadleft {
    padding-left: 0 !important;
}

.nopadright {
    padding-right: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.marbot0 {
    margin-bottom: 0 !important;
}

.marbot15 {
    margin-bottom: 15px !important;
}

.martop15 {
    margin-top: 15px !important;
}

.martop20 {
    margin-top: 20px !important;
}

.mar0-auto {
    margin: 0 auto !important;
}

.pad30 {
    padding: 30px !important;
}

.pad30-0 {
    padding: 30px 0 !important;
}

.pad012 {
    padding: 0 12px !important;
}

.padbot0 {
    padding-bottom: 0 !important;
}

.padbot30 {
    padding-bottom: 30px !important;
}

.redfill {
    background-color: orangered !important;
}

.alignright {
    text-align: right;
}


.vertCenterWrap {
    position: relative;
    padding: 0;
}

.vertCenter {
    position: relative;
    padding: 15px;
}

.textBigger {
    font-size: 1.5em;
}

.textSmaller {
    font-size: .8em;
}

.sidebar1 {
    border-top: #C1001F solid 6px;
    border-bottom: #C1001F solid 6px;
    background-color: #EFE9D9;
    padding: 20px;
}

.sidebar1 h2 {
    font-size: 3em;
    margin-bottom: 15px;
}

.sidebar1 li {
    margin-bottom: 20px;
    /* font-size: 1.2em;
    line-height: 1.2; */
}

.references {
    font-size: 0.75em;
}

.row {
    padding: 0 !important;
}
/* ================================= Header ================================= */

header {
    padding: 0;
    margin: 0;
    background-color: #FFF;
    /* opacity: 0.25; */
}

header li a {
    text-decoration: none;
    color: #000 !important;
}

header li::before {
    content: '';
    margin: 0;
    padding: 0;
}

header .nav_secondary {
    background-color: #0076be;
    color: #FFF !important;
    margin-bottom: 0 !important;
}

header .nav_secondary_inner {
    display: none;
}

header .nav_secondary a {
    color: #FFF !important;
    margin: 0px 0 10px 20px;
    text-decoration: none;
}

header .nav_secondary .social {
    margin-left: 20px;
}

header .nav_secondary .social a {
    margin: 0px 5px 10px;
    font-size: 1.5em !important;
}

.phone {
    /* position: relative;
    top: -5px; */
}

header a.menuToggle, header .mButtons a {
    color: #C1001F;
    cursor: pointer;
    /* color: red; */
}

header .mButtons a {
    margin-left: 15px;
}

.menuToggle {
    width: auto;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 2em;
}

.mButtons {
    font-size: 2em;
    position: absolute;
    right: 65px;
    top: 10px;
}

/* ===== Mobile Nav ===== */

header .logocol {
    position: relative;
    width: 50%;
    flex: none;
/*    max-width: 300px;*/
    width: 100%;
    /* display: inline-block; */
    /* background-color: lightgreen; */
    /* background-color: aquamarine; */
}

header .contentcol {
    /* background-color: antiquewhite; */
    min-width: 63%;
    display: none;
}

header .logocol img {
    /* padding: 15px 15px 15px 0; */
    width: 100%;
    height: auto;
    max-width: 200px;

}

header .logocol a {
    display: block;
    margin: 0 auto;
    text-align: center;
}

header .mToggles {
    /* background-color: rosybrown; */

}

header, header .nav_primary, header .nav_primary .row, header .nav_primary ul, header .nav_primary li, header .nav_primary li a {
    width: 100%;
    padding: 0;
    margin: 0;
}

header .nav_primary {
    box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.29);
    -webkit-box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.29);
}

header .nav_primary li, header .nav_primary li a {
    display: block;
}

header .nav_primary ul {
    /* background-color: darkolivegreen; */
}

header .nav_primary li {

}

header .nav_primary li a {
    /* background-color: lightpink; */
    padding: 4px 8px 8px;
    text-align: center;
    font-size: 2em;
    /* border-bottom: #FFF solid 6px; */
}

header .nav_primary li a:hover {
    /* background-color: #F6AE2D; */
    color: #C1001F !important;
    /* border-bottom: # solid 6px; */
}

header .nav_primary li.current-menu-item a, header .nav_primary li.current-menu-ancestor {
    /* color: #33658A !important; */
    font-weight: bold;
}

header .nav_primary li.current-menu-item a:hover {
    /* color: #f23b19 !important; */
}

header li.menuButton a {
    text-decoration: none;
    color: #FFF !important;
    background-color: #C1001F !important;
    /* padding: 4px 12px; */
    margin-left: 12px !important;
    border-radius: 3px !important;
    text-transform: uppercase;
    font-size: 90%;
}

header li.menuButton a:hover {
    background-color: #2965A7 !important;
    color: #FFF !important;
}

/* === SubNav === */

header li.menu-item-has-children {
    position: relative;
}

header ul ul {
    display: none !important;
    position: absolute;
    top: 3em;
    left: 0;
    z-index: 99999;
    width: 180px;
}

header li.menu-item-has-children:hover > ul {
    /* background-color: blueviolet; */
    /* position: relative; */
    display: block !important;
}

header ul ul li {
    /* display: block !important; */
    background-color: #2965A7;
    clear: both;
    padding: 0 !important;
    width: 100% !important;
    border-bottom: none;
}

header ul ul li a {
    border-bottom: none !important;
    color: #FFF !important;
    font-weight: 600 !important;
}

header .nav_primary ul ul li a:hover {
    background-color: #C1001F;
    border-bottom: none !important;
    color: #FFF !important;
}

/* === Header Stuck === */

.stuck {
    position: fixed;
    box-shadow: -1px -4px 6px 11px rgba(0,0,0,0.15);
    -webkit-box-shadow: -1px -4px 6px 11px rgba(0,0,0,0.15);
    -moz-box-shadow: -1px -4px 6px 11px rgba(0,0,0,0.15);
    width: 100%;
    z-index: 10;
    background-color: #FFF;
    /* top: 0; */
}


.stuck .logocol {
    /* padding: 20px; */
}

.stuck .logocol img {
    /* padding: 0;
    margin-top: 10px;
    margin-left: 10px;
    /* max-width: 140px; */
    /* transition: all 0.4s; */
}

.stuck .nav_secondary {
    /* display: none;
    transition: all 0.4s; */
}

.stuck .nav_primary, .nav_primary.stuck {
    padding: 0 !important;
    transition: all 0.4s;
}

.stuck .nav_primary_inner {
    /* margin-bottom: 5px; */
}

.stuck .nav_secondary {
    padding: 5px 0 !important;
    transition: all 0.4s;
}

.stuck .container-fluid {
    margin-bottom: 5px;
}


/* ================================= Footer ================================= */

footer {
    text-align: center;
}

footer .container-fluid {
    margin-top: 0;
    margin-bottom: 0;
}

footer h2 {
    color: #EFE9D9;
    font-weight: bold;
    font-size: 1.6em;
    margin-bottom: 1.2em;
}

footer a, footer p {
    color: #FFF;
    margin-right: 12px;
    text-decoration: none;
}

footer a {
    text-decoration: underline;
}

footer a:hover {
    color: #C1001F;
}

footer .social a {
    font-size: 1.5em;
}

footer .maxw {
    padding: 15px 0;
}

footer div {
    margin: 12px 0;
}

footer hr {
    background-color: #3781E1 !important;
    height: 1px !important;
    border: none !important;
}

footer .row > div {
    padding: 0 60px 0 15px;
}

footer .footer_row {
    justify-content: center;
}

footer .footer_row > div {
    text-align: center;
    padding: 0;
}

.copyright {
    width: 100%;
    text-align: center;
    font-size: 0.7em;
    margin-bottom: 30px;
    color: #FFF;
}

.copyright a {
    margin-right: 0;
    text-decoration: underline;
}

/* ================================= Gutenberg Tweaks ================================= */

.wp-block-embed-vimeo {
    /* background-color: chocolate; */
}

.wp-block-embed__wrapper {
    /* background-color: darkolivegreen; */
    width: 100%;
    height: auto;
    padding-bottom: 57%;
}

.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0px;
    left: 1px;
    width: 100%;
    height: 100%;
}

.wp-block-button__link {
    background-color: #B5000F;
    border-radius: 5px !important;
}

.wp-block-button__link:hover {
    background-color: #650000;
}

/* ================================= Forms ================================= */

/* .frm_forms h2 {
    font-size: 1.3em;
} */

.frm_forms {
    /*    padding: 20px;*/
    max-width: 100% !important;
}

.frm_forms .form-field {
    margin-bottom: 8px !important;
}

.frm_primary_label {
    /* font-size: 0.5em !important; */
    color: #FFF !important;
}

.horizontal_radio .frm_primary_label {
    font-size: 0.9em !important;
    text-transform: uppercase;
    color: #717171 !important;
    font-weight: bold;
}

.frm_forms input,
.frm_forms textarea,
.frm_forms select {
    border-radius: 0 !important;
    /*    border: none !important;*/
    /* height: 3em !important; */
    color: #2b67e5 !important;
    font-weight: bold !important;
    font-size: 1em !important;
    width: 100% !important;
}

.frm_forms input,
.frm_forms select {
    height: 2em !important;
}

.frm_forms input,
.frm_forms select,
.selectric {
    border: 1px #a5a5a5 solid !important;
}

.horizontal_radio {
    border: 1px #a5a5a5 solid !important;
    padding: 10px;
    margin-top: 16px;
    background-color: rgba(255, 255, 255, 0.80);
}

.frm_forms .sel_club {
    margin-top: 10px !important;
}

.bluebg .frm_forms .sel_club label {
    color: #FFF !important;
    margin-bottom: 5px !important;
}

.frm_forms input::placeholder,
.frm_forms textarea::placeholder,
.frm_forms select option {
    text-transform: uppercase !important;
    font-weight: normal !important;
}

.frm_style_formidable-style.with_frm_style .frm_required {
    color: #FFF !important;
}

.frm_forms .recaptcha-wrap {
    text-align: center !important;
    /*    display: none;*/
    overflow: hidden;
    /*    background-color: red;*/
    border-radius: 5px;
}

.frm_forms .recaptcha-wrap .frm_primary_label {
    display: none;
}

.frm_forms .recaptcha-wrap .g-recaptcha {
    display: inline-block !important;
}

.frm_forms .opt-in {
    margin: 10px 0;
    line-height: 1.3;
}

.frm_forms .frm_final_submit {
    text-transform: uppercase !important;
    background-color: #3781E1 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 3px !important;
    margin: 0.7em auto 0 !important;
    /*    padding: 0.5em 1em 0.3em !important;*/
    /* padding-top: 0.5em !important; */
    height: auto !important;
    display: inline-block !important;
    font-family: 'Lato', Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-size: 1.5em !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

.frm_forms .frm_final_submit:hover {
    background-color: #C1001F !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 60px #a1f4ff inset !important;
    background-color: #a1f4ff !important;
    background-clip: content-box !important;
}

.frm_submit, .frm_button_submit {
    width: 100% !important;
}

.frm_forms .frm_radio input {
    width: auto !important;
    height: auto !important;
}

.selectric .label {
    padding: 1.1em 0.75em 1.5em !important;
    color: #2b67e5 !important;
    font-size: 1em !important;
}

.frm_error {
    color: yellow !important;
}

/* ================================= Fancy Box ================================= */

.fancybox-content {
    border-radius: 10px !important;
}

.fancybox-content fieldset {
    /* background-color: brown !important; */
}

.fancybox-content .frm_fields_container {
    /* background-color: aqua !important; */
    grid-template-columns: repeat(3, 6.5%) !important;
}

.fancybox-button {
    background-color: #3781E1 !important;
    width: 60px;
    height: 60px;
    color: #FFF !important;
}

.fancybox-content {
    background-color: transparent !important;
}

/* === Modals === */

#newsreg {
    background-color: #D2D0C8 !important;
    padding: 25px;
}

#newsreg .fancybox-button {
    width: 30px;
    height: 30px;
    padding: 2px;
}


/* ================================= Page/Post Specific ================================= */

.productsWrap {
    background-color: #EFE9D9;
    padding: 15px;
    /* border-top: #86BBD8 solid 6px; */
    /* border-bottom: #86BBD8 solid 6px; */
}

.productsWrap h2 {
    color: #2965A7;
    font-weight: 600;
}

.productsWrap .row > div {
    padding: 15px !important;
}

.productsWrap .wp-bootstrap-blocks-button {
    height: 100%;
}

.productsWrap .btn {
    width: 100%;
    height: 100% !important;
    background-color: #2965A7 !important;
    border: none !important;
    text-align: center;
    font-size: 1.5em;
    padding: 25px;
    line-height: 1;
    border-radius: 4px;
}

.productsWrap .btn:hover {
    background-color: #C1001F !important;
}

/* ===== Homepage 2021 ===== */

.home .page .row:nth-child(1) a.btn:hover, a.btn-primary:hover {
    background-color: #C1001F !important;
}

.home .page .row:nth-child(2) a.btn:hover, a.btn-primary:hover {
    background-color: #C1001F !important;
}

.home .page .row:nth-child(3) a.btn:hover, a.btn-primary:hover {
    background-color: #C1001F !important;
}

/* ===== Homepage 2022 ===== */

.cm_hero, .cm_hero > div {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.cm_hero {
    background-color: #D2D0C8;
}

.cm_hero .hero_text {
    margin-right: 15px !important;
}

.cm_hero .hero_text > div {
    font-size: 28px !important;
    /* text-align: center !important; */
}

.cm_hero img {
    opacity: 0.2 !important;
}

.cm_hero figure {
    margin-bottom: 0;
}

.about h3 {
    font-size: 1.5em;
}

.pipeline_chart img {
    width: 100%;
    /* background-color: lightgreen; */
}

.leadership {
    text-align: center;
}

.leadership ul {
    margin-top: 15px;
    margin-bottom: 30px;
}

.headshot {
    /* border-bottom: 1px solid #C1001F;
    border-right: 100px solid #EFE9D9; */
}

.headshot figure {
    margin: 0 auto 20px;
    display: block;
}

.leadership figure {
    max-width: 200px;
    text-align: center;
    margin: 0 auto 30px;
}

.prod_info > div {
    /* border: solid 2px #3781E1; */
    border-bottom: solid 2px #2965A7;
    padding: 15px;
    line-height: 1 !important;
}

.prod_info div:nth-child(3) {
    /* background-color: pink; */
    border-left: none;
    border-right: none;
}

.prod_info p, .prod_info ul {
    text-align: center;
    margin-bottom: 0;
}

.prod_info .fill {
    background-color: #2965A7;
    color: #FFF !important;
    border: solid 2px #2965A7;
    padding: 5px;
}


/* ===== Blog List Page ===== */

.blogList {
    /* margin-top: 30px; */
}

.blogBlock {
    margin: 20px 0 0;
}

.blogBlockInner {
    background-color: #FFF;
    padding: 20px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.blogBlock h2 {
    font-size: 1.5em;
    line-height: 1;
    font-weight: bold;
}

.blogBlock .btn {
    margin-top: 12px;
}

/* ===== Single Post Page ===== */

main.single  {
    /* padding-top: 30px; */
}

main.single .page {
    margin-bottom: 30px;
    padding: 30px;
}

/* ==================================================================================== */
/* ================================= Responsive Start ================================= */
/* ==================================================================================== */

@media (min-width: 576px) {

    .colSpan-2, .colSpan-3 {
        /* background-color: palegoldenrod; */
        -webkit-column-count: 2;  /* Chrome/Opera, Safari */
        -moz-column-count: 2; /* Mozilla Firefox */
        column-count: 2;
        margin-left: 0;
    }

}

@media (min-width: 768px) {

    body {
        font-size: 18px;
    }

    h1, h2 {
        /* font-size: 5.5vw; */
    }

    .row {
        /* background-color: darkgreen; */
        padding: 15px;
    }

    .page .row > div:first-child {
        /* background-color: yellow; */
        padding: 15px 15px 15px 0;
    }

    .vertCenterWrap {
        position: relative;
    }

    .vertCenter {
        position: absolute;
        top: 50%;
        transform: translate(0%,-50%);
    }

    /* ================================= Header ================================= */

    header {
        /* margin: 0 0 30px; */
        position: relative;
        background-color: #FFF;
        /* padding-bottom: 5px; */
        width: 100%;
        /* display: none; */
    }

    header a {
        color: #0076be;
    }

    header a:hover, header a:focus {
        color: #666;
    }

    header .logocol {
        text-align: left;
        width: 33.3333333333%;
        flex: 1 0 0%;
        /* mid size screens */
        /* position: absolute; */
        /* top: 5px; */
    }

    header .logocol img {
        /* max-width: 180px; */
        /* width: 100%; */
        /* height: auto; */
        margin: 0px auto 0;
        padding: 0;
        /* mid size screens */
        /* filter:  brightness(0) invert(1); */
        /* height: 45px;
        width: auto; */
    }

    header .contentcol {
        text-align: right;
        padding: 10px 0 0;
    }

    header ul {
        width: 100%;
        margin-left: 0;
        /* text-align: center; */
        /* background-color: green; */
    }

    header li {
        display: inline-block;
        margin: 0px 0px 10px 20px;
    }

    header .menuToggle, header .mButtons {
        display: none;
    }

    header .nav_primary, header .maxw {
        margin: 0 auto;
        padding: 0;
    }

    header .nav_primary, header .nav_secondary {
        padding: 15px;
        /* display: none; */
    }


    header .nav_primary .row {
        /* display: none; */
        max-width: 100%;
    }

    header .nav_primary .inside_content {
        display: block !important;
        transition: all 0.2s;
        /* background-color: darkturquoise; */
    }

    header .nav_primary ul {
        /* padding-top: 15px; */
        margin: 0;
        right: 0;
        display: inline-block;
        /* display: none; */
        /* background-color: aqua; */
    }

    header .nav_primary li {
        display: inline-block;
        width: auto;
    }

    header .nav_primary li a {
        font-size: 1.25em;
        /* padding: 8px 5px; */
        margin: 0 8px;
    }

    header .nav_primary li a#firstLink {
        /* font-weight: 600; */
    }

    .home header .nav_primary li a#firstLink {
        /* font-weight: normal; */
    }

    header .nav_secondary {
        text-align: right;
        /* display: none; */
    }

    header .nav_secondary_inner {
        display: block;
    }

    /* === Header Stuck === */

    .stuck .logocol {
        top: 0px;
    }

    .stuck .logocol img {
        /* height: 25px; */
        /* width: auto; */
    }

    .stuck .nav_primary ul {
        margin: 5px 0 0;
    }

    footer {
        text-align: left;
    }

    main {
        margin-top: -16px
    }

    .colSpan-2 {
        -webkit-column-count: 2;  /* Chrome/Opera, Safari */
        -moz-column-count: 2; /* Mozilla Firefox */
        column-count: 2;
        margin-left: 0;
    }

    .colSpan-3 {
        /* background-color: palegoldenrod; */
        -webkit-column-count: 3;  /* Chrome/Opera, Safari */
        -moz-column-count: 3; /* Mozilla Firefox */
        column-count: 3;
        margin-left: 0;
    }


    .homeblock {
        /* padding: 20px 0 0 !important; */
        padding: 20px 0 0 !important;
        position: relative;
        background-repeat: no-repeat;
        background-size: 70% auto;
        margin-bottom: 30px !important;
    }

    .homeblock .row {
        padding: 0;
        /* margin: 0 0 20px 0; */
        /* background-color: darkorange; */
        /* margin: 15px px; */
    }

    .img-1 {
        background-position: right top;
        padding-bottom: 50px !important;
        margin-bottom: 0 !important;
    }

    .img-2, .img-5 {
        background-position: left top;
        padding: 20px 0 20px !important;
    }

    .img-3, .img-4 {
        background-position: right top;
        padding: 20px 0 20px !important;
    }

    .blockText {
        width: 41%;
    }


    .homeblock h1, .homeblock h2 {
        /* font-size: 5em !important; */
        /* font-size: 8vw !important;
        line-height: 0.85 !important; */
    }

    .rowAudi {
        position: relative;
        z-index: 2;
        margin: -35px 30px 30px;
    }

    .rowAudi h2 {
        font-size: 2em !important;
        font-weight: normal;
        line-height: 1;
    }

    .quoteWrap p.quote {
        font-size: 5em;
    }

    /* ===== Homepage 2021 ===== */

    .home h1, .home h2 {
        /* font-size: 5em; */
    }

    .home .page .row {
        background-color: #EFE9D9;
        margin-bottom: 15px;
    }

    .home .page .row > div {
        /* background-color: lime; */
        padding: 15px;
    }

    .home .page .row:nth-child(1) {
        border-left: #2965A7 solid 6px;
    }

    .home .page .row:nth-child(2) {
        border-right: #2965A7 solid 6px;
    }

    .home .page .row:nth-child(3) {
        border-left: #2965A7 solid 6px;
    }

    .home .page .row figure, .home .page .row img {
        margin: 0;
    }

    .home .logocol, .home .logocol .wp-block-image {
        text-align: right;
        display: inline-block;
    }

    .hero1 img {
        width: 100%;
        height: auto;
    }

    .cm_hero .hero_text > div {
        font-size: 37px !important;
        /* text-align: center !important; */
    }

    /* ===== Homepage 2022 ===== */

    .bg3 .col1 {
        padding-right: 40px;
    }

    .bg3 .col2 {
        border-left: solid 1px #EFE9D9;
    }

    .leadership {
        text-align: left;
    }

    .leadership.row > div {
        padding-right: 10%;
    }









}

@media (min-width: 950px) {

    h1 {
        font-size: 3em;
    }

    .menu21 ul {
        text-align: center;
    }

    header .contentcol {
        /* padding: 0; */
    }

    header .nav_primary li a {
        /* padding: 8px 8px; */
    }

    .headshot {
        /* border-bottom: 1px solid #C1001F; */
        /* border-right: 100px solid #EFE9D9; */
    }

    .headshot figure {
        margin: 0 auto 0px;

}

@media (min-width: 1024px) {

    .cm_hero .hero_text > div {
        text-align: right !important;
    }

    .cm_hero img {
        opacity: 1 !important;
    }
}

@media (min-width: 1230px) {

    header .logocol {
        position: relative;
    }

    header .logocol img {
         filter:  none;
    }

    header ul {
        text-align: right;
    }

    header .nav_primary li a {
        /* padding: 15px 8px; */
        margin: 0;
    }

    /* === Header Stuck === */

    .stuck .logocol img {
        /* height: 45px;
        width: auto; */
    }

    .homeblock h1, .homeblock h2 {
        /* font-size: 5em !important; */
    }

    /* ===== Benefit Info 2021 ===== */

    .pg-member-benefit .vertCenter {
        position: absolute;
    }

    .pg-member-benefit .introBlock {
        padding: 0;
    }

}

@media (max-width: 575px) {


}