@import url("https://use.typekit.net/oja6qpa.css");

/* GLOBAL ===================================================  */

body {
    font-size: 1.05rem;
    font-family: muli, sans-serif !important;
    font-weight: 300 !important;
}

h1,
h2,
h3,
h4,
h5 {
    text-transform: capitalize !important;
}

p {
    line-height: 1.7 !important;
}

.font-body-SourceSansPro,
.font-body-SourceSansPro .header .nav-link {
    font-family: muli, sans-serif !important;
    font-weight: 300 !important;
}

.text-container.container,
.detailedlist-container.container,
.textwithimage-container.container,
.wb__carousel.container {
    max-width: 1200px;
}

.detailedlist .detailedlist-item-title {
    margin-bottom: 1.5rem;
}

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

.social img {
    width: 40px;
    margin: .2em;
}

.badge-primary {
    background-color: var(--color-theme-primary);
    font-size: 1.2rem;
}

.badge-white {
    background-color: white;
    font-size: 1.2rem;
}

.badge-pill {
    padding: .75rem 1.25rem .5rem;
}

.header-business-phone span {
    font-size: 1.25rem;
}

.header-container {
    position: relative;
    max-width: 1400px;
    margin: auto;
}

.header .header-info .container {
    max-width: 1400px;
}

.header .navbar-dark .navbar-nav .nav-link {
    font-weight: 400 !important;
    font-size: .95rem;
    color: #4C4C4C !important;
}

.header a.header-business-phone:before {
    content: "\f095";
    margin-right: .25rem;
    font: bold 22px FontAwesome;
    color: var(--color-theme-primary);
}

.header .navbar .dropdown-menu {
    background: #f0f0f0;
}

.header .navbar .dropdown-item {
    font-weight: 400 !important;
    font-size: 1.1rem;
}

@media (min-width: 1200px) {
    .header .navbar:not(.affix).bg-primary {
        position: absolute;
        top: 1.5rem;
        left: 230px;
        z-index: 200;
        padding: 0;
    }

    .header .header-info-logo-img img {
        width: 195px;
    }
}

@media (min-width: 1400px) {
    .header .navbar:not(.affix).bg-primary {
        left: 280px;
    }

    .header .header-info-logo-img img {
        width: 235px;
    }

    .header .navbar-dark .navbar-nav .nav-link {
        font-size: 1.05rem;
    }
}

/* HOME PAGE ===================================================================================== */

/* HERO ============ */

.hero {
    background: url("https://apihoard.webit.com/api/v1/Image/FB5CFE4EC6BC0A43B33D1EEB945C0340/FB5CFE4EC6BC0A43B33D1EEB945C0340.jpg?size=Original");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
    /*    position: relative;*/
    overflow: hidden;
}

.hero .container {
    max-width: 1400px;
    margin: auto;
}

.hero h1 {
    margin-bottom: 1.75rem;
    line-height: 1.4;
    font-size: 1.75rem;
}


/*starburst over (at some sizes) hero*/
.wb__covidburst {
    background: var(--color-theme-secondary);
    color: #000;
}

.wb__covidburst .wb__covidbox {
    padding: .5rem 15px;
    text-align: center;
}

.wb__covidburst img {
    width: 100px;
    margin: 0rem auto 3px;
}


.wb__cloud {
    background: url("https://apihoard.webit.com/api/v1/Image/A83A89D63359B81CB645F9552599155C/A83A89D63359B81CB645F9552599155C.png?size=800x600");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 400px;
    background-color: transparent !important;
    border-radius: none !important;
    position: relative;
    z-index: 2;
    text-align: center;
}

@media (min-width: 768px) {
    .hero {
        background-position: top left;
    }

    .hero h1 {
        font-size: 2.5rem;
    }
}

@media (min-width: 1400px) {
    .hero {
        height: 800px;
    }

    .wb__cloud {
        background-size: cover;
        width: 700px;
        height: 400px;
    }
}

/*=============== LIST ===============*/
/*

.cw-logoicon {
    margin: -2.5em auto 2.5em;
}
*/

.page-home .list {
    padding-top: 2em;
}

.page-home .list-wrap {
    height: 94%;
    background: #f2f3f3;
    padding: .5em 0em;
}

.page-home .list .col-md-6:nth-of-type(odd) .list-wrap {
    background: #E6E7E8;
}

.page-home .list .list-text-title {
    margin-bottom: 1rem;
    color: var(--color-theme-primary);
    text-transform: uppercase !important;
    font-size: 1.1rem;
}

@media (min-width: 1200px) {
    .page-home .list .list-text {
        font-size: 1rem;
    }
}

/*-- Subpages --*/

.form,
.businessinfo {
    padding-top: 2em;
}

/* Backgrounds */
.grand-bg-light {
    background: #eee;
}

.grand-bg-primary {
    background: var(--color-theme-primary);
    color: var(--color-theme-text-btn);
}

section:not(.page-home) .title {
    background: url(https://apihoard.webit.com/api/v1/Image/B5D84C2B0C153ED4B7D24C985E1F864E/B5D84C2B0C153ED4B7D24C985E1F864E.jpg?size=1920x1440) no-repeat center center;
    background-size: cover;
    height: 400px;
}

section.page-office-cleaning .title {
    background: url(https://apihoard.webit.com/api/v1/Image/D3FA034420762DA2E4F3FB6E5BAE2304/D3FA034420762DA2E4F3FB6E5BAE2304.jpg?size=1920x1440) no-repeat center center;
    background-size: cover;
}

section.page-medical-cleaning .title {
    background: url(https://apihoard.webit.com/api/v1/Image/B8A89A70F5F8CFB7FF1791F08549B45F/B8A89A70F5F8CFB7FF1791F08549B45F.jpg?size=1920x1440) no-repeat center center;
    background-size: cover;
}

section.page-industrial-cleaning .title {
    background: url(https://apihoard.webit.com/api/v1/Image/AC139EF0C1E29F4EE10CAFF38D241951/AC139EF0C1E29F4EE10CAFF38D241951.jpg?size=1920x1440) no-repeat center center;
    background-size: cover;
}

section.page-religious-facilities .title {
    background: url(https://apihoard.webit.com/api/v1/Image/38898FAA6D2EF64290C89C525E7B7581/38898FAA6D2EF64290C89C525E7B7581.jpg?size=1920x1440) no-repeat center center;
    background-size: cover;
}

section.page-child-care-cleaning .title {
    background: url(https://apihoard.webit.com/api/v1/Image/0EAFB16EF3936AAB32D7853B0953B78F/0EAFB16EF3936AAB32D7853B0953B78F.jpg?size=1920x1440) no-repeat center center;
    background-size: cover;
}

section.page-commercial-sanitizing-services .title {
    background: url(https://apihoard.webit.com/api/v1/Image/63570FB4CEAEEC6EAD41F4810D9F1963/63570FB4CEAEEC6EAD41F4810D9F1963.jpg?size=1920x1440) no-repeat center center;
    background-size: cover;
}

section.page-testimonials .title {
    background: url(https://apihoard.webit.com/api/v1/Image/507C7A48D053BE4F822B271983269D7E/507C7A48D053BE4F822B271983269D7E.jpg?size=1920x1440) no-repeat center center;
    background-size: cover;
}

section.page-subcontracting .title {
    background: url(https://apihoard.webit.com/api/v1/Image/B8EBFD3DE364B19BBB3344BE94DE30B6/B8EBFD3DE364B19BBB3344BE94DE30B6.jpg?size=1920x1440) no-repeat center center;
    background-size: cover;
}

section.page-contact .title {
    background: url(https://apihoard.webit.com/api/v1/Image/75A939024A03B1B97AB01A435D038788/75A939024A03B1B97AB01A435D038788.jpg?size=1920x1440) no-repeat center center;
    background-size: cover;
}

section:not(.page-home) .title .title-container {
    display: flex;
    align-items: center;
    height: 100%;
}

section:not(.page-home) .title .title-heading {
    display: flex;
    align-items: center;
    background: url(https://apihoard.webit.com/api/v1/Image/A83A89D63359B81CB645F9552599155C/A83A89D63359B81CB645F9552599155C.png?size=1920x1440) no-repeat center center;
    background-size: contain;
    width: 300px;
    height: 158px;
    text-align: center;
    font-size: 1.5rem;
}

section:not(.page-home) .title span {
    width: 85%;
    margin: auto;
}

section:not(.page-home) .title:after {
    content: url(https://apihoard.webit.com/api/v1/Image/7C81686CE426998DE02089914194BA2F/7C81686CE426998DE02089914194BA2F.png?size=Original);
    display: block;
    margin-top: -.75rem;
    text-align: center;
}

section:not(.page-home) .title + .text {
    margin-top: 0;
    padding-top: 5em;
    padding-bottom: 1em;
}

section:not(.page-home) .title + .textwithimage {
    padding-top: 5em;
}


/*-- Footer --*/

.footer-logo {
    background: #fff;
}

.footer-logo img {
    max-width: 20%;
}

/*-- Floating contact buttons --*/

.cw-setup {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 20;
    background: var(--color-theme-primary);
    border-radius: 10px 0 0 0;
}

.cw-setup span {
    z-index: 2;
}

.cw-setup:hover {
    cursor: pointer
}

.hidden {
    display: none
}

#cw-contactBtns a {
    z-index: 2;
    display: inline-block;
    width: 54px;
    height: 54px;
    padding: 10px 0px 10px 4px;
    border-radius: 50%;
    background: #fff;
}

#cw-contactBtns a:before {
    font: normal normal normal 32px/1 FontAwesome;
    color: var(--color-theme-primary);
}

.cw-Phone:before {
    content: "\f098"
}

.cw-Email:before {
    content: "\f0e0"
}

.cw-Text:before {
    content: "\f27a"
}

/*=============== REVIEWS ===============*/
.wb__reviews {
    -webkit-box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.64);
    -moz-box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.64);
    box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.64);
    height: 425px;
}

/*=============== FOOTER ===============*/
.wb__footer {
    background: url(https://apihoard.webit.com/api/v1/Image/B2426E250AE92FC4646094D78E484EDA/B2426E250AE92FC4646094D78E484EDA.jpg?size=1920x1440) no-repeat center center;
    background-size: cover;
}

.wb__footer .container,
.wb__footer-info .container,
.wb__footer-contact .container {
    max-width: 1200px;
}

.wb__footer .wb__font-1 {
    font-size: 2.25rem;
    font-family: "Oswald", sans-serif !important;
    line-height: 1.1;
}

.wb__footer .wb__font-2 {
    font-size: 2.5rem;
    font-family: "Oswald", sans-serif !important;
    font-weight: 400 !important;
}

.wb__footer .badge-pill {
    font-family: "Muli", sans-serif !important;
    line-height: 1.2;
    max-width: 200px;
    font-size: 1.25rem;
}

.wb__footer .badge-pill:hover,
.wb__footer .badge-pill:active {
    background: var(--color-theme-primary) !important;
    color: white !important;
    border: 1px solid white;
}

.wb__footer-info .badge-pill {
    max-width: 280px;
    font-weight: bold;
    line-height: 1.2;
    font-size: 1.25rem;
}

.wb__footer-info .wb__logo {
    width: 300px;
}

.wb__map {
    max-height: 350px;
}

.wb__footer-contact {
    border-top: 1px solid #ddd;
}

.btn-white {
    background: white !important;
}

footer.footer {
    padding-top: 0;
}

footer.footer > .container {
    display: none
}

@media (max-width: 767px) {
    section:not(.page-home) .title + .text .border-left {
        border-left: 0 !important;
    }
}

@media (min-width: 768px) {
    section:not(.page-home) .title .title-heading {
        background-size: contain;
        width: 400px;
        height: 245px;
        text-align: center;
        font-size: 2rem;
    }
}

@media (min-width: 992px) {
    section:not(.page-home) .title {
        height: 600px;
    }

    .wb__covidburst .wb__covidbox {
        background: rgba(255, 255, 255, 0.85);
        color: #000;
        border-radius: 50px 0px 0 0;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 9;
        width: 200px;
    }

    .cw-logoicon {
        margin: -2.5em auto 2.5em;
    }
}

@media (min-width: 1200px) {
    section:not(.page-home) .title .title-heading {
        width: 495px;
        height: 300px;
        font-size: 2.5rem;
    }

    section:not(.page-home) .textwithimage-m2 .textwithimage-text-container {
        padding: 2em 5em;
    }

    section.page-commercial-sanitizing-services .textwithimage-m2 .textwithimage-text-container {
        padding: 2em 2em;
    }

}