
/*************************************************************************
**************************************************************************

Produced by DHX Advertising
JUNE 19, 2019
http://dhxadv.com

TABLE OF CONTENTS
01. BODY PROPERTIES
    02a. GLOBAL PROPERTIES AND CLASSES
    02b. BUTTONS AND FORMS
    02c. POPUP MODALS
    02d. Social Links
03. MAIN SITE STRUCTURE
04. HEADERS AND MENUS
    04.a MOBILE MENU
05. SIDEBAR
06. HOME PAGE
07. INTERIOR PAGE
08. FOOTER
09. MOBILE
00. OVERRIDES

/*************************************************************************
01. BODY PROPERTIES
*************************************************************************/
:root {
    --white-smoke: #F3F3F3;
    --gray: #D0D0D0;
    --medium-dark-gray: #696969;
    --dark-gray: #464646;
    --steel-blue: #337597; 
    --green: #4F7E16;

    --facebook: #3B5998;
    --twitter: #4099FF;
    --youtube: #DD4B39;
    --email: #189BC8;

    /*
    1500px
    1200px - desktop
    992px - mobile and tablet
    768px - tablet
    576px
    */
}

@import url('https://fonts.googleapis.com/css?family=Lato:400,700&display=swap');

@font-face {
  font-family: 'Abadi';
  src: url('../fonts/AbadiMT.eot'), /* IE9 Compat Modes */
       url('../fonts/AbadiMT.woff') format('woff'), /* Modern Browsers */
       url('../fonts/AbadiMT.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body{
    background: var(--dark-gray);
    line-height: inherit;
    font-family: 'Lato', 'Open Sans', sans-serif;
    font-size: 16px;
}


/*************************************************************************
    02a. GLOBAL PROPERTIES AND CLASSES
*************************************************************************/

img {
    width: 100%;
}
.logo img{
    width: auto;
}

.col-2-5{
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    width: 100%;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 20%;
    max-width: 20%;

    margin: 15px 0;
}


.textalign-right{
    text-align: right;
}

.margin-none{
    margin: 0;
}
.margin-bottom-md{
    margin-bottom: 40px;
}
.padding-none{
    padding: 0 !important;
}
.width-100{
    width: 100% !important;
}


/*************************************************************************
    02b. BUTTONS AND FORMS
*************************************************************************/
a:hover{
    text-decoration: none;
}

.icon-circle{
    border-radius: 50px;
    display: inline-block;
    padding: 5px;
    text-align: center;
}
.icon-circle.icon-download{
    font-size: 8px;
    margin-right: 8px;
    width: 19px;
}






/***********************************************************************************************/
/*Menu X Buttonw*/

.mobile-menu-btn {
    background-color: transparent;
    border: 0;
    display: inline-block;
    height: 50px;
    right: 9px;
    margin: 0;
    min-width: inherit;
    padding: 0;
    position: relative;
    width: 50px;
    z-index: 2;
}

@media only screen and (min-width: 992px) {
    .mobile-menu-btn {
        display: none;
    }
}

.mobile-menu-btn span {
    left: 13px;
    top: 24px;
}

.mobile-menu-btn span::before, .mobile-menu-btn span::after {
    content: '';
    transform: rotate(0);
}

.mobile-menu-btn span::before {
    top: -8px;
}

.mobile-menu-btn span::after {
    bottom: -8px;
}

.mobile-menu-btn span,
  .mobile-menu-btn span::before,
  .mobile-menu-btn span::after {
    background-color: #B2B2B2;
    display: block;
    height: 1px;
    transition: all .3s ease-in-out;
    position: absolute;
    width: 22px;
}

.mobile-menu-btn:hover, .mobile-menu-btn:focus, .mobile-menu-btn:active, .mobile-menu-btn:not(.collapsed) {
    background-color: transparent;
    border: 0;
    outline: none;
}

.mobile-menu-btn:not(.collapsed) span {
    background-color: transparent;
}

.mobile-menu-btn:not(.collapsed) span::before, .mobile-menu-btn:not(.collapsed) span::after {
    background-color: #B2B2B2;
    top: 0;
}

.mobile-menu-btn:not(.collapsed) span::before {
    transform: rotate(45deg);
}

.mobile-menu-btn:not(.collapsed) span::after {
    transform: rotate(-45deg);
}
/*************************************************************************
    02c. POPUP MODALS
*************************************************************************/
.modal-box{
    border: 1px solid var(--gray);
    clear: both;
    margin-bottom: 45px;
}

.modal-box .figcontent{
    padding: 30px;
}

.modal-box .figcontent img{
    width: 100%;
}

.modal-box footer{
    background-color: var(--white-smoke);
    border-top: 1px solid var(--gray);
    display: block;
    padding: 20px;
    text-align: right;
}

.modal-box footer span.label,
.modal-box footer span.label a,
.modal-box footer span.label a:visited{
    color: var(--gray) !important;
    font-weight: bold;
    margin-right: 10px;
    text-decoration: none !important;
    text-transform: uppercase;
}

.modal-box footer span.label .enlarge-modal:hover{
    cursor: pointer;
}

.modal-box footer a.socialLink{
    color: var(--gray);
    text-decoration: none !important;
}

.modal-box footer a.socialLink .icon-circle{
    background: var(--gray);
    color: var(--white-smoke);
}

/***********************************************************************************************/
/*modal window*/
#modal{
    display: none;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
}
#modal img{
    max-height: 100%;
    max-width: 100%;
}
#overlay{
    background: #000;
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    opacity: .7;
    top: 0;
    width: 100vw;
    z-index: 100;
}


/*************************************************************************
    02d. Social Links
*************************************************************************/
div .sociallinks-menu{
    align-items: flex-end;
    display: flex !important;
}
div .sociallinks-menu ul{
    list-style: none;
    margin: 0;
}
div .sociallinks-menu ul li {
    display: inline-block;
}

div .sociallinks-menu ul li a,
div .sociallinks-menu ul li a:visited{
    color: var(--gray);
}

.facebook:hover{
    background: var(--facebook) !important;
}
.twitter:hover{
    background: var(--twitter) !important;
}
.youtube:hover{
    background: var(--youtube) !important;
}
.email:hover{
    background: var(--email) !important;
}
/*************************************************************************
03. MAIN SITE STRUCTURE
*************************************************************************/

/*************************************************************************
04. HEADERS AND MENUS
*************************************************************************/
/*top menu*/
header.header{
    max-width: unset;
    position: relative;
    width: 100%;
    z-index: 1000;
}

header.header .header-desktop-logo{
    left: 16%;
    padding: 16px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 250px;
    z-index: 100;
}
header.header .header-desktop-logo img{
    width: 100%;
}

header.header .row.primary-menu{
    background: var(--white);
    min-height: 83px;
}

header.header .row.primary-menu .header-mobile-logo{
    display: none;
    padding: 0 15px;
    text-align: center;
    width: 100%;
}
header.header .row.primary-menu .header-mobile-logo img{
    max-width: 190px;
    width: 100%;
}


header.header .row.primary-menu .sociallinks-menu span.links{
    display: inline-block;
    margin-bottom: 15px;
    text-align: right;
    width: 100%;
}

header.header .row.primary-menu .sociallinks-menu span.links span a,
header.header .row.primary-menu .sociallinks-menu span.links span a:visited{
    background: var(--gray);
    color: var(--white);
}

header.header .row.primary-menu .downloadlinks-menu{
    align-items: flex-end;
    background: var(--steel-blue);
    display: flex;
}
header.header .row.primary-menu .downloadlinks-menu ul{
    list-style: none;
    margin: 15px 0;
    padding-left: 15px;
}
header.header .row.primary-menu .downloadlinks-menu li{
    margin: 10px 0;
}
header.header .row.primary-menu .downloadlinks-menu li a,
header.header .row.primary-menu .downloadlinks-menu li a:visited{
    align-items: center;
    color: var(--white);
    display: flex;
}

header.header .row.primary-menu .downloadlinks-menu li a span.icon-circle{
    background: var(--white);
    color: var(--steel-blue);
}

header.header .row.primary-menu .downloadlinks-menu li a span.download-name{
    font-size: 16px;
    text-decoration: underline;
    text-transform: uppercase;
}

header.header .row.secondary-menu{
    min-height: 20px;
}


header.header .row.secondary-menu > div{
    background-color: var(--white);
}
header.header .row.secondary-menu div.submenu{
    background-color: rgba(255, 255, 255, .7);
}
header.header .row.secondary-menu div.submenu nav {
    background: var(--white-smoke);
    line-height: initial;
    margin: 0 -15px;
    padding: 13px 15px 10px 15px;
}
header.header .row.secondary-menu div.submenu nav ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
header.header .row.secondary-menu div.submenu nav ul li{
    display: block;
    float: left;
}

header.header .row.secondary-menu div.submenu nav ul li a,
header.header .row.secondary-menu div.submenu nav ul li a:visited{
    border-right: 1px solid var(--medium-dark-gray);
    color: var(--medium-dark-gray);
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 15px;
    position: relative;
    text-transform: uppercase;
}
header.header .row.secondary-menu div.submenu nav ul li:last-child a{
    border-right: none;
}
header.header .row.secondary-menu div.submenu nav ul li a:hover,
header.header .row.secondary-menu div.submenu nav ul li.current_page_item a{
    color: var(--steel-blue);
}
header.header .row.secondary-menu div.submenu nav ul li a:hover::after,
header.header .row.secondary-menu div.submenu nav ul li.current_page_item a::after{
    border-top: 20px solid var(--white-smoke);
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    bottom: -30px;
    content: '';
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}



/***********************************************************************************************/
/*middle menu*/
nav.main-nav{
    background: rgba(234, 234, 234, .95);
    padding: 20px 40px;
    width: 100%;
}

#interior-page nav.main-nav{
    clear: both;
    position: static;
}

nav.main-nav ul{
    display: grid;
    grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav.main-nav ul li{
    border-left: 1px solid var(--gray);
    text-align: center;
}
nav.main-nav ul li:last-child{
    border-right: 1px solid var(--gray);
}

nav.main-nav ul li a,
nav.main-nav ul li a:visited {
    color: var(--steel-blue);
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 20px;
    text-transform: uppercase;
}

nav.main-nav ul li a:hover,
nav.main-nav ul li.current_page_item a{
    color: #4095c1;
}

nav.main-nav ul li a .mainmenu-icon{
    color: var(--dark-gray);
    display: block;
    font-size: 60px;
    margin-bottom: 15px;
}


/*************************************************************************
    04.a MOBILE MENU
*************************************************************************/
#mobile-nav{
    background: var(--white-smoke);
    height: 100vh;
    left: 0;
    left: 100%;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 10000;
}

#mobile-nav .container .row.white-bg{
    background: white;
}
#mobile-nav .header{
    padding-top: 16px;
}
#mobile-nav .header .logo{
    display: inline-block;
    margin-top: 10px;
}
#mobile-nav .header .logo img{
    width: 100%;
}
#mobile-nav .header .sociallinks-menu{
    margin: 20px 0 20px 0;
}
#mobile-nav .header button{
    margin-top: 10px;
}


#mobile-nav #mobile-menu-container{
    width: 100%;
}

#mobile-nav #mobile-menu-container ul{
    list-style: none;
    margin: 15px 0 0 0;
    width: 100%;
}

#mobile-nav #mobile-menu-container ul li a,
#mobile-nav #mobile-menu-container ul li a:visited{
    border-bottom: 1px solid var(--gray);
    color: var(--medium-dark-gray);
    display: block;
    font-weight: bold;
    padding: 10px 0;
    text-transform: uppercase;
}

#mobile-nav #mobile-menu-container ul li a:hover,
#mobile-nav #mobile-menu-container ul li.current-menu-item a{
    color: var(--steel-blue);
}

#mobile-nav #mobile-menu-container ul li:last-child a{
    border-bottom: none;
}

#mobile-nav .downloadlinks-menu{
    background: var(--steel-blue);
    margin: 0 0 0 40px;
}
#mobile-nav .downloadlinks-menu ul{
    list-style-type: none;
    margin: 0;
    padding: 15px;
}
#mobile-nav .downloadlinks-menu ul li{
    margin: 10px 0;
}
#mobile-nav .downloadlinks-menu ul li a,
#mobile-nav .downloadlinks-menu ul li a:visited{
    color: var(--white);
}

#mobile-nav .downloadlinks-menu ul li a span.icon-circle{
    background-color: var(--white);
    color: var(--steel-blue);
}

#mobile-nav .sociallinks-menu{
    margin: 20px 0 20px 25px;
}

#mobile-nav .sociallinks-menu span.label{
    color: var(--steel-blue);
    font-weight: bold;
    margin-right: 15px;
    margin-bottom: 3px;
    text-transform: uppercase;
}

#mobile-nav .sociallinks-menu span.links a.icon-circle{
    background: var(--gray);
    color: var(--white);
}
#mobile-nav .sociallinks-menu span.links.sharePageLinks a.icon-circle{
    color: var(--white-smoke);
}

/*************************************************************************
05. SIDEBAR
*************************************************************************/

/*************************************************************************
06. HOME PAGE
*************************************************************************/
#homepage #homepage-header{
    display: flex;
    flex-direction: column;
    height: 80vh;
    min-height: 750px;
}


#homepage #homepage-header .header_image_container{
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */ 
    flex: 1;
}

#homepage #homepage-header .header_image_container .header_image_contents{
    height: 100%;
    position: relative;
}

#homepage #homepage-header .header_image_container .header_image_contents .header_image_title_container{
    display: flex;
    flex-direction: column;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10;
}

#homepage #homepage-header .header_image_container .header_image_contents .header_image_title_container .header_image_title{
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */ 
    flex: 1;
    position: relative;
}

#homepage #homepage-header .header_image_container .header_image_contents .header_image_title_container .header_image_title h1{
    color: var(--white);
    font-size: 90px;
    font-weight: 800;
    left: 50%;
    margin-top: 38px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 1000;
}

#homepage #homepage-header .header_image_container .header_image_contents .header_overlay{
    background: rgba(0, 0, 0, .20);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#homepage #homepage-header .header_image_container .header_image_contents .header_image{
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

/*************************************************************************
07. INTERIOR PAGE
*************************************************************************/
#interior-page {
    background: var(--white);
}

#interior-page #interior-header{
    display: flex;
    flex-direction: column;
    height: 40vh;
    min-height: 500px;
}

#interior-page #interior-header .header_image_container{
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */ 
    flex: 1;
}

#interior-page #interior-header .header_image_container .header_image_contents{
    height: 100%;
    position: relative;
}

#interior-page #interior-header .header_image_container .header_image_contents h1{
    color: var(--white);
    font-size: 58px;
    font-weight: 800;
    left: 50%;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 1000;
}

#interior-page #interior-header .header_image_container .header_image_contents .header_overlay{
    background: rgba(0, 0, 0, .20);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#interior-page #interior-header .header_image_container .header_image_contents .header_image{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}




#interior-page #page-content{
    background: var(--white);
    position: relative;
}


/***********************************************************************************************/
/*aside*/
#interior-page #page-content aside{
    background: var(--white-smoke);
    display: inline-block;
    float: left;
    padding: 40px 40px 40px 0;
    width: 34%;
}

#interior-page #page-content aside section{
    float: right;
    min-width: 225px;
    width: 42%;
}

#interior-page #page-content aside section .pdf_image_cover{
    background: var(--white);
    padding: 25px;
}

#interior-page #page-content aside section > .links{
    background: var(--green);
    font-size: 16px;
    list-style-type: none;
    padding: 15px;
}
#interior-page #page-content aside section .links li{
    margin: 10px 0;
}
#interior-page #page-content aside section .links li a,
#interior-page #page-content aside section .links li a:visited{
    align-items: center;
    color: var(--white);
    display: flex;
    text-decoration: underline;
    text-transform: uppercase;
}

#interior-page #page-content aside section .links li a span.icon-circle{
    background: var(--white);
    color: var(--green);
}

#interior-page #page-content aside section div.sociallinks-menu span.label{
    color: var(--green);
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
    padding-bottom: 3px;
    text-transform: uppercase;
}
#interior-page #page-content aside section div.sociallinks-menu span.links span{
        margin-left: 2px;
}
#interior-page #page-content aside section div.sociallinks-menu span.links span a{
    background: var(--gray);
    color: var(--white-smoke);
}


/***********************************************************************************************/
/*main section*/
#interior-page #page-content main{
    display: inline-block;
    width: 48%;
}

#interior-page #page-content main section.main{
    background: var(--white);
    margin-top: -30px;
    padding: 40px;
}


#interior-page #page-content main section.main .secondary_image{
    background: var(--white-smoke);
    float: right;
    margin: 0 0 30px 30px;
    padding: 20px;
    width: 38%;
}

#interior-page #page-content main section.main .secondary_image img{
    width: 100%;
}

#interior-page #page-content main section.main h2{
    color: var(--steel-blue);
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 30px;
}

#interior-page #page-content main section.main h2.share{
    color: var(--gray);
    font-size: 15px;
    margin-bottom: 32px;
    text-transform: uppercase;
}
#interior-page #page-content main section.main h2.share span.share-text{
    margin-right: 10px;
}
#interior-page #page-content main section.main h2.share span.links.sharePageLinks{
    white-space: nowrap;
}
#interior-page #page-content main section.main h2.share span.links.sharePageLinks span a{
    background: var(--gray);
    color: var(--white);
    text-decoration: none;
}

#interior-page #page-content main section.main h3{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#interior-page #page-content main section.main strong{
    color: var(--steel-blue);
}

#interior-page #page-content main section.main p {
    line-height: 24px;
    margin-bottom: 30px;
}

#interior-page #page-content main section.main a,
#interior-page #page-content main section.main a:visited{
    color: #212529;
    text-decoration: underline;
}

#interior-page #page-content main section.main .wp-block-column:not(:first-child) {
    margin-left: 0;
}

#interior-page #page-content main section.main ul{
    padding-left: 20px;
}
#interior-page #page-content main section.main ul li{
    line-height: 24px;
}
/*************************************************************************
08. FOOTER
*************************************************************************/
footer{
    background: var(--dark-gray);
    display: flex;
    font-size: 14px;
}

footer div.row{
    margin: 15px 0;
    width: 100%;
}

footer div.row .col-12{
    align-items: center;
    display: flex;
    margin: 20px 0;
    text-align: center;
}

footer div.row .col-12 > * {
    margin: 0 auto;
}

footer div.row span{
    color: var(--medium-dark-gray);
    display: inline-block;
    margin: 0 15px;
}

footer div.row span.footer-text {
    margin: 8px 0 0 0;
}

footer div.row span a,
footer div.row span a:visited{
    color: var(--white);
}

footer div.row .logo{
    margin: 0;
}
footer div.row .logo img{
    max-width: 150px;
    margin-bottom: 7px;
}

footer div.row span.sociallinks-menu{
    align-items: unset;
    display: inline !important;
    margin: 5px 0 0 0;
}

footer div.row span.sociallinks-menu span.links span {
    margin: 0;
}
footer div.row span.sociallinks-menu span.links span a.icon-circle{
    background: var(--medium-dark-gray);
    margin: 0 2px;
}

footer div.row span.sociallinks-menu span.links span a.icon-circle span{
    color: var(--dark-gray);
    margin: 0;
}




footer div.row div.pdflinks{

}

footer div.row div.pdflinks ul.links{
    border: 1px solid var(--medium-dark-gray);
    list-style: none;
    margin: 0 auto;
    max-width: 200px;
    padding: 10px 15px;
}

footer div.row div.pdflinks ul.links li{
    margin: 10px 0;
}

footer div.row div.pdflinks ul.links li a,
footer div.row div.pdflinks ul.links li a:visited{
    align-items: center;
    color: var(--white);
    display: flex;
    width: 100%;
}

footer div.row div.pdflinks ul.links li a span.icon-circle{
    background: var(--white);
    color: var(--dark-gray);
    margin-left: 0;
}


footer div.row div.pdflinks ul.links li a span.download-name{
    color: var(--white);
    margin: 0 2px;
    text-transform: uppercase;
    text-decoration: underline;
}

/*************************************************************************
09. MOBILE
*************************************************************************/

.desktop{
    display: block !important;
}

@media (max-width: 992px) {
  .desktop{
        display: none !important;
    }
}


.mobileAndTablet{
    display: none !important;
}

/***********************************************************************************************/
/*pages*/

@media (max-width: 1500px) {
    /*navigation*/
    header.header .logo{
        left: 10%;
    }
}

@media (max-width: 1200px) {
    /*navigation*/
    header.header .logo{
        left: 8%;
    }


    /*homepage*/
    #homepage #homepage-header .header_image_container .header_image_contents .header_image_title_container .header_image_title h1{
        font-size: 80px;
    }

    /*interior page*/
    #interior-page #interior-header .header_image_container .header_image_contents h1{
        font-size: 58px;
    }
}

@media (max-width: 992px) {
    .mobileAndTablet{
        display: block !important;
    }
    .textalign-right {
        text-align: center;
    }


    /*navigation*/
    header.header .row.primary-menu{
        padding-top: 30px;
    }
    header.header .logo{
        left: 20px;
        width: 190px;
    }
    header.header .row.secondary-menu div.submenu nav{
        padding: 0;
    }

    /*main nav*/
    nav.main-nav{
        padding: 0;
    }
    nav.main-nav ul{
        grid-template-columns: 33.333% 33.333% 33.333%;
        padding: 15px 0;
    } 
    nav.main-nav ul li{
        margin: 15px 0;
    }
    nav.main-nav ul li:nth-child(3n){
        border-right: 1px solid var(--gray);
    }
    nav.main-nav ul li a,
     nav.main-nav ul li a:visited{
        padding: 0 10px;
    }


    /*homepage*/
    #homepage #homepage-header .header_image_container .header_image_contents .header_image_title_container .header_image_title h1{
        font-size: 80px;
    }

    /*interior page*/
    #interior-page #interior-header .header_image_container .header_image_contents h1{
        font-size: 42px;
    }
    #interior-page #page-content aside{
        display: none;
    }
    #interior-page #page-content main{
        width: 100%;
    }
    #interior-page #page-content main section.main{
        margin-top: 0;
    }


    footer div.row .logo{
        margin: 0 auto;
    }
    footer div.row span.footer-text{
        margin: 8px auto;
    }
}


@media (max-width: 781px){
    .wp-block-column {
        flex-basis: 100%;
    }
}

@media (max-width: 768px) {
    /*main nav*/
    nav.main-nav ul li a{
        font-size: 12px;
    }

    /*homepage*/
    #homepage #homepage-header .header_image_container .header_image_contents h1{
        font-size: 40px;
    }

    /*interior page*/
    #interior-page #interior-header .header_image_container .header_image_contents .header_image_title_container .header_image_title h1{
        font-size: 36px;
    }
}


@media (max-width: 440px) {

    /*header logo*/
    header.header .header-desktop-logo{
        display: none;
    }

    header.header .row.primary-menu .header-mobile-logo{
        display: block;
    }
}

/***********************************************************************************************/


@media (min-width: 576px) {
    .container {
        max-width:unset;
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px
    }

}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
    #mobile-nav{
        display: none;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1400px
    }
}



/*************************************************************************
00. OVERRIDES
*************************************************************************/


