/*=====================*/
/*=== HEADER STYLES ===*/
/*=====================*/

.mcg-header-elements {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
}

@media (min-width: 1200px) {
    .mcg-header-elements {justify-content: space-between;}
}

.mcg-header-branding {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.mcg-header-branding--mobile {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.mcg-header-branding__logo img {width: 30px;}
@media screen and (max-width: 1199px) {
    .mcg-header-branding .mcg-header-branding__logo img {display: none;}
}
@media screen and (min-width: 1200px) {
    .mcg-header-branding--mobile {display: none;}
    .mcg-header-branding__logo img {width: 90px;}
}

.mcg-header-branding__text,
.mcg-header-branding--mobile .mcg-header-branding__text--dept {
    margin-left: .5rem;
}

.mcg-header-branding__text--county {
    display: block;
    text-transform: uppercase;
    font-size: 1em;
}

@media (min-width: 768px) {
    .mcg-header-branding__text--county {
        font-size:1.1em;
        font-weight:600;
        margin-left: 0.1rem;
    }
}

.mcg-header-branding__text--dept {
    font-size: 2em;
    line-height: 1.2;
    font-weight: 700;}
@media (min-width: 768px) {
    .mcg-header-branding__text--dept {font-size:1.8em;}
}
@media (max-width: 1199px) {
    .mcg-header-branding .mcg-header-branding__text--dept {display: none;}
}

.mcg-header-branding__text--county a, .mcg-header-branding__text--dept a {color: var(--mcg-text-body)!important; text-decoration: none!important;}
.mcg-header-branding__text--county a:focus,
.mcg-header-branding__text--county a:hover,
.mcg-header-branding__text--county a:active,
.mcg-header-branding__text--dept a:focus,
.mcg-header-branding__text--dept a:hover,
.mcg-header-branding__text--dept a:active {text-decoration: underline!important;}

.mcg-header-utilities {width: 0px;}
@media (min-width: 1200px) {
    .mcg-header-utilities {
        display:flex;
        flex-direction:column;
        /* text-align:right; */
        align-items: flex-end;
        width: 400px;
    }
}

@media (max-width: 1199px) {
    .mcg-header-utilities .mcg-header-utilities__links {display: none;}
}


/*--- overrides mcg-alt-header.css ---*/

@media (max-width: 1199px) {
    .navbar-collapse.collapse .navbar-nav {
        margin-top: 90px;
    }
}
.navbar-search.nav-view {
  z-index: 999;
}

#_google_searchbox1 .input-group {
    margin-left:-20px;
}

@media (min-width: 375px) {
    .navbar-search {
        right: -335px;
        padding: 30px 0px 22px 50px;
        width: 335px;
    }
}
@media (min-width: 414px) {
    .navbar-search {
        right: -375px;
        padding: 30px 0px 22px 40px;
        width: 375px;
    }
}
@media (min-width: 480px) {
    .navbar-search {
        right: -460px;
        padding: 30px 0px 22px 40px;
        width: 460px;
    }
}

@media (min-width: 1200px) {
    .navbar-search {
        top: 55px;
        transform: translateX(187px) !important;
        width: 380px;
        padding: 0;
    }
    .mcg-header-utilities__search {
        left: 558px;
    }
}

@media (max-width: 1199px) {
    .menu-open {
    float: none;
    top: 0;
    left: 0;
    }
}

.search-open {
    float: none;
    /* position: relative; */
    top: 0;
    right: 0;
    background: transparent;
    border: none;
    padding: 0;
}

.menu-close:hover .fa, .menu-close:focus .fa,
.search-close:hover .fa, .search-close:focus .fa {color: var(--mcg-yellow-4);}

.navbar-header-full.navbar-dark {
    border-top: solid 1px var(--mcg-primary);
}

.navbar-default a {
    font-family: "Lato";
    color: var(--mcg-white)!important;
    padding: 1rem 0;
    font-weight: 700;
    text-decoration: none;
}
.navbar-default a:focus,
.navbar-default a:hover {
    text-decoration: underline;
    color: var(--mcg-primary)!important;
    background-color: var(--mcg-white);
}

/*background color changes when menu is on hover*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default > a:hover,
.navbar-default > a:active,
.navbar-default > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a {
    background-color: var(--mcg-white);
    color: var(--mcg-primary)!important;
}

/*=====================*/
/*=== FOOTER STYLES ===*/
/*=====================*/

.mcg-site-footer h1,
.mcg-site-footer .h1,
.mcg-site-footer h2,
.mcg-site-footer .h2,
.mcg-site-footer h3,
.mcg-site-footer .h3,
.mcg-site-footer h4,
.mcg-site-footer .h4
{
    font-weight: bold;
    margin-top: 0rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.mcg-site-footer .fa-ul {margin-left: var(--size-4);}