/* -- Header --*/

.header .header-info {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.5+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#80ffffff', GradientType=0);
    /* IE6-9 */
}

section:not(.page-home) .header .header-info {
    height: 170px;
}

.header .header-info-logo-img {
    width: 168px;
}

.header-container {
    position: relative;
    overflow: hidden;
    background: url(https://apihoard.webit.com/api/v1/Image/4E8EFAD728062F1BAA1F6F5E473BC556/4E8EFAD728062F1BAA1F6F5E473BC556.jpg?size=Original) center center;
    background-size: cover
}

.header .navbar-dark .navbar-nav .nav-link {
    text-transform: uppercase;
}

.header .navbar .show > .nav-link,
.header .navbar-dark .navbar-nav .active > .nav-link,
.header .navbar .dropdown-item.active {
    color: var(--color-theme-primary) !important;
}

.cw-title {
    padding: 12em 1em 2em;
}

.cw-phone {
    font-size: 1.5rem;
    font-weight: bold;
}

.cw-title h1 {
    font-size: 1.9rem;
}

section:not(.page-home) .cw-title {
    display: none
}

.st0 {
    opacity: .5;
    fill: #252560;
}

.st1 {
    opacity: .65;
    fill: #ffffff
}

@media(min-width: 992px) {
    section:not(.page-home) .header .header-info {
        height: 115px;
    }

    .header .header-info-logo-img {
        position: fixed;
        z-index: 2000;
        top: 0;
        left: 0;
    }

    .header .navbar.bg-primary {
        top: 3.5em;
        background: rgb(255 255 255 / 0.7) !important;
        box-shadow: 2px 2px 6px rgb(0 0 0 / 0.08);
    }

    nav.navbar .container {
        position: relative;
        max-width: none;
        height: 56px;
        margin: 0 auto
    }

    .navbar-nav {
        position: absolute;
        right: 0;
        top: 0
    }

    .header .navbar-dark .navbar-nav .active > .nav-link {
        background: 0 0
    }

    .header .navbar.cw-scrolled {
        top: 0
    }

    .header .header-info-logo-img.cw-shrink {
        top: 2px;
        left: 1%;
        width: 52px;
        padding: 0
    }

    .cw-title h1 {
        font-size: 2.25rem
    }

    .cw-title {
        padding: 30em 1em 2em;
    }

    .cw-phone {
        font-size: 2rem;
    }
}

@media(min-width: 1340px) {
    .cw-title h1 {
        font-size: 2.75rem;
    }
}

/*-- Home --*/

.page-home .list .container {
    max-width: 1400px;
}

.page-home .list {
    padding: 3em 0 1em;
}

.page-home .list .list-img-wrap {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#606b9b+1,22255b+100 */
    background: rgb(96, 107, 155);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(96, 107, 155, 1) 1%, rgba(34, 37, 91, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(96, 107, 155, 1) 1%, rgba(34, 37, 91, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(96, 107, 155, 1) 1%, rgba(34, 37, 91, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606b9b', endColorstr='#22255b', GradientType=1);
    /* IE6-9 */
    border-color: #06093d;
    border-width: 1px;
}

.page-home .textwithimage, .cw-checklist {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b4c9e+0,22255b+100 */
    background: rgb(59, 76, 158);
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(59, 76, 158, 1) 0%, rgba(34, 37, 91, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(59, 76, 158, 1) 0%, rgba(34, 37, 91, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(59, 76, 158, 1) 0%, rgba(34, 37, 91, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b4c9e', endColorstr='#22255b', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */

}

/* --- Reviews summary list --- */

.page-reviews .list {
    padding-top: 1em;
}

.page-reviews .list-wrap {
    margin-bottom: 1.5em;
}

.page-reviews .list-img-wrap {
    padding: 6% 0;
}

.page-reviews .list-text-description {
    font-style: italic;
    font-size: .95rem;
}

.page-reviews .list-img-photo {
    margin: 0;
    background-size: 180px;
}

/*-- Checklists --*/

.cw-checklist li {
    display: inline-block;
    margin: .5em 0;
    font-size: .95rem;
}

.cw-checklist li:before {
    content: "\f00c";
    margin-right: .5rem;
    font-family: FontAwesome;
    color: var(--color-theme-primary);
}

/*-- Footer floating links --*/

.cw-setup {
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 3;
    box-shadow: 0 0 7px rgb(0 0 0 / 36%);
}

.cw-setup:hover {
    cursor: pointer
}

.hidden {
    display: none
}

#cw-contactBtns a {
    display: inline-block;
    width: 52px;
    height: 52px;
    padding: 10px 0 10px 6px;
    border-radius: 50%;
    background: #fff;
}

#cw-contactBtns a:before {
    font: normal normal normal 30px/1 FontAwesome;
    color: var(--color-theme-secondary);
}

.cw-Phone:before {
    content: "\f098"
}

.cw-Email:before {
    content: "\f0e0"
}

.cw-Text:before {
    content: "\f27a"
}
