﻿body > div > div.ui-content {
    overflow: visible !important;
}

/* Custom overrides for the new header and footer */
#headerNavigation .nav-btn {
    color: black;
    background-color: #fad51d;
    border: 1px solid #fad51d;
    font-family: Lato;
    font-weight: 700 !important;
    font-size: 18px;
    border-radius: 20px;
    line-height: 18px;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 42px;
}

@media (min-width:37.5em) {
    #menu-open {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

#wsl-header .col-4 {
    padding-left: 30px;
}

#searchContainer {
    padding-right: 50px;
}

#siteSearch {
    margin-top: 10px !important;
}

    #site-search .input-group button,
    #siteSearch .input-group button {
        color: black;
        background-color: #fad51d;
        border: 1px solid #fad51d;
        font-family: Lato;
        font-weight: 700 !important;
        font-size: 18px;
        border-radius: 20px;
        line-height: 18px;
        padding-top: 4px;
        padding-bottom: 4px;
        height: 40px;
        flex-grow: 3;
    }

#site-search .input-group button {
    margin-left: 0 !important;
}

#site-search .input-group div.ui-input-text {
    flex-grow: 3;
    border-radius: 20px;
    padding-left: 20px;
    width: 100%;
}

#siteSearch .input-group div.ui-input-text {
    flex-grow: 3;
    border-radius: 20px;
}

    #site-search .input-group div.ui-input-text input,
    #siteSearch .input-group div.ui-input-text input {
        width: 250px;
    }

nav ul.level1 > li > span button.level1 {
    width: auto;
}

@media (min-width: 1200px) {
    nav ul.level2 > li div:first-child > span a {
        flex-basis: content;
    }

    nav ul.level2 > li div:first-child > span button {
        flex-basis: content;
        min-width: 40px;
    }
}

#siteSearch .input-group {
    display: flex;
}

#footerContainer {
    margin-top: 30px;
}

    #footerContainer footer div.main-footer {
        overflow: auto;
    }

    #footerContainer .bottom-strip .right-column p {
        margin: 0;
    }

@media (max-width : 1200px) {
    #footerContainer .block-light-green {
        height: 120px;
    }
}

#contentContainer {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.ui-mobile div.ui-page {
    overflow-y: hidden;
}

@media (min-width : 80em) /*1824/16*/ {
    #contentContainer {
        width: 1200px;
    }
}

#wsl-header button.ui-shadow,
#wsl-header button.ui-btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


/* Makes sure the body covers the whole page and does not show white on the bottom */
.ui-mobile body {
    height: 100% !important;
    padding-bottom: 0;
    background-color: #1e434a;
}

.bottom-strip div.left-column ul li:first-of-type a {
    text-decoration: none;
}