﻿body {
    min-height: 100vh !important;
}

.toolbar-outer-container {
    background-color: #162F6A;
    color: #FFFFFF;
    height: 35px;
}

#countyLogo {
    width: 193px;
}

main {
    background-color: rgb(225, 230, 238);
}

.content-outer-container {
    background-image: url(/images/buildingservicesbackground.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0px;
}

.content-main-container {
    padding: 0;
}

.main-inner-container {
    background-color: #fff;
    padding: 12px 15px;
}

.oc-page-title {
    font-family: "Montserrat", sans-serif;
    font-size: 2.111em;
    font-weight: bold;
    color: #1F1F1F;
    margin: 0px 0px 20px 0px;
    font-style: normal;
}

a:hover {
    text-decoration: underline !important;
}

#breadcrumbs-container {
    background-color: #F5F6F8;
    color: #1F1F1F;
    letter-spacing: 0.43px;
    padding: 12px 15px;
    font-size: 1em;
    font-weight: normal;
    font-family: inherit;
    font-style: normal;
}

    #breadcrumbs-container a {
        color: #1F1F1F;
        text-decoration: none;
    }

    #breadcrumbs-container > .breadcrumb {
        margin-bottom: 0;
    }

    #breadcrumbs-container > .breadcrumb > .breadcrumb-item.list-item.active {
        font-weight: bold;
    }


.featured-section-header-outer {
    background-color: #F5F6F8;
    padding: 10px 15px;
}


.featured-section-header-logo .featured-section-header-logo-link, .featured-section-header-logo .featured-section-header-logo-link:visited, .featured-section-header-logo .featured-section-header-logo-span {
    text-decoration: none;
    font-size: 2em;
    font-weight: bold;
    color: #5C5C5C;
}

.footer-outer-container.footer-second-row {
    background-color: #162F6A;
    padding: 40px 15px;
}

.footer-secondary-links {
    color: #FFFFFF;
    font-size: .778em;
}

@media (min-width: 768px) {
    .toolbar-outer-container {
        height: 38px;
    }

    #countyLogo {
        width: 300px;
    }

    .content-outer-container {
        padding: 40px 15px;
    }

    .featured-section-header-outer {
        padding: 20px 23px;
    }

    #breadcrumbs-container {
        padding: 12px 23px;
    }

    .main-inner-container {
        padding: 28px 23px;
    }

    .footer-outer-container.footer-second-row {
        padding: 39px 23px;
    }
}

@media (min-width: 992px) {
    #countyLogo {
        width: 361px;
    }

    .featured-section-header-outer {
        padding: 25px 30px;
    }

    #breadcrumbs-container {
        padding: 12px 30px;
    }

    .main-inner-container {
        padding: 25px 30px;
    }

    .footer-outer-container.footer-second-row {
        padding: 39px 30px;
    }
}

@media print {
    .content-outer-container {
        background-image: none;
    }

    .content-outer-container,
    .featured-section-header-outer,
    .toolbar-outer-container,
    main {
        background-color: #fff;
    }
}