/* cust style */

/* colors */

:root{

--color-1: #000082;
--color-1-bright: ;
--color-1-dim: ;
--color-2: #54595F;
--color-2-bright: ;
--color-2-dim: ;
--color-text: #2D2D2D;
--color-accent-1: #BC0000;
--color-accent-2: ;
--color-link: #3741ff;

--font-fam-headers: "lato", Arial, Helvetica, sans-serif;
--font-fam-body: "lato", Arial, Helvetica, sans-serif;
}

/* typog */

h1,h2,h3,h4,h5,h6{
    color: var(--color-1) !important;
    line-height: 1.1em !important;
    font-weight: 500 !important;
    font-family: var(--font-fam-headers) !important;
}

#main :where(h1,h2,h3){
    text-transform: none;
}

#main p{
    font-size: 1.1rem;
    color: var(--color-text);
    font-family: var(--font-fam-headers) !important;
}

#main a{
    color: var(--color-link);
}
#main a:hover{
    text-decoration: underline;
}

.txt-txfrm-none h3{
    text-transform: none !important;
}

.sub-title-hero h2{
    text-transform: none;
}

.txt-white :is(p,h1,h2,h3,h4,h5,h6){
    color: #fff !important;
}

.mobile-main-nav li > a .menu-text{
    font-family: var(--font-fam-body) !important;
    font-weight: 600;
}
.main-nav > li > a .menu-text{
    font-family: var(--font-fam-body) !important;
    font-weight: 600;
}

/* layout */

xxx.inline-header.right .main-nav{
    justify-content:center;
}

.cust-full-w{
    padding-inline: 50px;
    min-width: 100vw;
    transform: translateX(-50%);
    left: 50%;
}
.cust-full-w > .e-con-inner{
    max-width: 1200px;
}

.page-title h1{
    font-size: 3em;
    text-transform: uppercase;
    font-weight: 800;
}

.page-title{
    background: #f9f9f9;
}

.page-title .wf-wrap:after{
    border: none;
}

.branding a{
    max-width: 80% !important;
}

.page-title.solid-bg{

    
}

#footer{
    background: #242424 !important;
}

#footer #block-2{
    display: flex;
    justify-content: center;
}

#footer #nav_menu-2 ul#menu-menu-1{
    display: flex !important;
    justify-content: center !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    color: #fff !important;
    gap: 10px;
    font-size: 1.25rem;
}
#footer #nav_menu-2 ul#menu-menu-1 :is(a,a:hover){
    color: #fff !important;
}

#footer #block-3{
    display: flex;
    justify-content: center;
    text-align: center;
    color: #fff;
}

#footer #block-4{
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    color: #fff;
}


#bottom-bar .wf-container-bottom{

}

/* components / controllers */



@media (max-width: 767px) {
    .cust-full-w{
        padding-inline: 20px;
        min-width: 100vw;
        transform: translateX(-50%);
        left: 50%;
    }
}
