@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css');

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;600;900&display=swap');

body {
    font: 14px/1.5 'Lato', sans-serif !important;
    }

h1, h2, h3, h4, h5, h6 {
    color: #14214f;
    font-family: 'Lato', sans-serif !important;
    font-weight: 800 !important;
    line-height: 1.2;
    text-transform: uppercase;
}
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 14px; }
h4 { font-size: 14px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

.gadgetStyle001 {
    font-family: 'Lato', sans-serif !important;
    font-size: 14px;
}

.gadgetStyle001 h1, .gadgetStyle001 h2,
.gadgetStyle001 h3, .gadgetStyle001 h4,
.gadgetStyle001 h5, .gadgetStyle001 h6 {
    color: #14214f;
    font-weight: 800 !important;
    line-height: 1.2;
    text-transform: uppercase;
}

.tcblue { color: #0f1b4c; }
.tcnavy { color: #000524; }
.tcnavy2 { color: #14214f; }
.tcyellow { color: #ffe718; }
.tcred { color: #cf2e2e; }
.tcdarkgray { color: #212529; }
.tcgray { color: #808080; }
.tclightgray { color: #ccc; }


/* Buttons */
.stylizedButton,
.typeButton,
.loginButton {
    background: #235f9b !important;
    border-radius: 5px;
    color: #fff !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
    text-shadow: 0px 2px 3px rgb(0 0 0 / 30%);
    text-transform: uppercase !important;
}
.stylizedButton:hover,
.typeButton:hover,
.loginButton:hover {
    background-color: #235f9b;
    color: #ffffff;
}

/* Search */
.WaGadgetSiteSearch .searchBoxField {
    border-radius: 5px;
    padding: 10px 10px 10px 30px;
}
.WaGadgetSiteSearch .searchBoxFieldContainer:before {
    color: #ccc;
}
input::placeholder {
    color: #efefef;
    font-style: italic;
}

/* Login */
.WaGadgetLoginForm .loginLink:before {
    color: #235f9b;
    content: '\f2bd' !important;
    font: normal 24px/50px 'FontAwesome' !important;
}
.WaGadgetLoginForm .authenticated .loginLink.hover:before,
.WaGadgetLoginForm .loginLink:before:hover {
    background: #0a66c2;
    color: #ffffff;
}

.WaGadgetLoginForm .loginLink {
    background: #235f9b;
    border-radius: 50%;
    color: #ffffff;
    }
.WaGadgetLoginForm .loginLink:hover {
    background: #0a66c2;
    color: #ffffff;
    }
.WaGadgetLoginForm .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink.hover {
    background: #0a66c2;
    color: #ffffff;
}
.WaGadgetLoginForm .authenticated .loginLink:hover:before, .WaGadgetLoginForm .authenticated .loginLink.hover:before {
    color: #ffffff;
}

.WaGadgetMobilePanel .mobilePanel { background: #14214f; color: #fff; }

/* Menu */
.menuInner a span {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 600;
}
.menuInner .secondLevel a span {
    font-size: 12px;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
    margin-left: 2em;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {   padding: 10px 13px 34px;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.sel>.item>a {
    color: #ffe718;
}


/* Bread Crumbs */
.WaGadgetBreadcrumbs {
    color: #808080;
    font-size: 13px;
    padding: 1.25em 0.25em .5em 1.25em;
}
.WaGadgetBreadcrumbs ::before { color: rgb(119, 119, 119); }


div#id_Header1 {
    padding-top: 1em;
}

.datatable {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 236, 236);
    font-size: 14px;
    text-align: center;   
}
.datatable thead { 
    background: #212529;
    color: #fff;
    font-weight: 600;
}

/* Social Icons */
a.Facebook::before { color: #3b5998; }
a.Facebook:hover::before { color: #ffffff; }
a.Twitter::before { color: #3b5998; }
a.Twitter:hover::before { color: #ffffff; }
a.LinkedIn::before { color: #3b5998; }
a.LinkedIn:hover::before { color: #ffffff; }
a.Instagram::before { color: #3b5998; }
a.Instagram:hover::before { color: #ffffff; }

.WABranding { display: none; }

.generalFormContainer .criteriaListItem .valueContainer .fieldContainer .label, .fieldSubContainer .fieldBody [class='textLine'], .fieldSubContainer.singleStringContainer .fieldBody [class='textLine'], .groupContainer .fieldSubContainer.radioGroupContainer .fieldBody [class='textLine'], .groupContainer .fieldSubContainer.checkboxGroupContainer .fieldBody [class='textLine'], .calculatedExtraChargeContainer .fieldSubContainer .fieldBody input + span {
    color: #121212;
}

.authenticateLoginText { color: #fff; }


/* Member Directory */
.memberDirectory thead th {
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}
.memberDirectory { font-size: 14px; }


/********************************/
/*          FOOTER              */
/********************************/

#footer {
    color: #fff;
}
#foot-intro, #foot-address {
    font-size: 14px;
}

#footer a:link, #footer a:visited {
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
#footer a:hover, #footer a:active {
    color: ffffff;
}
#footer ::marker { color: #ffffff; }
.followus {
    font-weight: 600;
    margin-top: 3px;
    text-transform: uppercase;
    }
.social-icon {
   fill: #fff;
   margin-left: 10px;
   width: 24px;
    }
.facebook-icon:hover { fill: #1877f2; }
.twitter-icon:hover { fill: #1877f2; }
.linkedin-icon:hover { fill: #1877f2; }
.instagram-icon:hover { fill: #1877f2; }



/********************************/
/*          Media Queries       */
/********************************/

@media (max-width: 767px) {
    #main-name { text-align: center; }
    #main-motto { text-align: center; }
    #main-logo {
        margin: 0 auto;
        max-width: 300px;
        }
    #id_KxbYLDm {
        margin: 0 auto;
        max-width: 80%;
        text-align: center;
    }
    #id_KxbYLDm img {
        max-width: 300px;
    }

    #foot-bottom {
        padding-bottom: 20px;
    }
    #foot-bottom .WaLayoutTable,
    #foot-bottom .gadgetStyleBody {
    text-align: center;
    }
}


/* BLOG */
h4.boxHeaderTitle a {
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
}
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink{
display:none;
}
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLabel{
display:none;
}