/*-- Global --*/

.cw-darkbg {
     background: #000;
}

@media(min-width: 992px) {
    .cw-darkbg {
        font-size: 1.2rem;
    }
}

/*-- Header hero --*/

.header .navbar-dark .navbar-nav .nav-link {
    line-height: 28px;
    text-transform: uppercase;
}

.header .navbar-dark .navbar-nav > .active .nav-link {
    color: #fff !important
}

.header .header-info-logo-img img {
    width: 200px;
}

.header .navbar-dark .navbar-nav .nav-item .nav-link:before {
    border-width: 0 !important
}

.header span {
    vertical-align: middle
}

.cw-phone {
    vertical-align: middle;
    color: var(--color-theme-highlight);
    font-weight: 700;
    font-size: 1.2rem
}

@media(min-width: 992px) {
    .cw-header-info {
        display: block;
        position: fixed;
        top: 0;
        right: 1%;
        z-index: 1031;
        padding: .5em;
    }

    nav.navbar .container {
        position: relative;
        height: 120px;
        max-width: none;
        margin: 0 auto
    }

    .navbar-nav {
        position: absolute;
        right: 0;
        bottom: 1rem
    }

    .header .header-info-logo-img {
        position: fixed;
        top: -1px;
        z-index: 1099;
        left: 12px;
        padding: 0;
    }
}

/*-- Hero --*/
.cw-hero {
    padding: 8em 1em 4em;
}

.cw-title {
    position: relative;
    z-index: 2;
    text-shadow: 2px 2px black;
}

.cw-title h1 {
    font-size: 2.25rem;
    line-height: 1.1;
}

.cw-title img {
    width: 540px;
}

@media(min-width: 992px) {
    .cw-hero {
        padding: 13em 0 10em;
    }

    .cw-title h1 {
        font-size: 3rem
    }
}

/*-- Home --*/

.cw-carousel .carousel-item {
    height: 460px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.cw-carousel .cw-carouselText {
    z-index: 2;
    bottom: 11%;
    text-shadow: 2px 2px black;
}

.cw-carousel .cw-checklist {
    max-width: 1000px;
    margin: 1em auto 0;
}

.cw-carousel .cw-checklist li {
    font-size: 1.5rem;
}

.cw-carousel .cw-checklist li:before {
    color: var(--color-theme-secondary);
}

@media (min-width: 992px) {

    .cw-carousel h2 {
        font-size: 2.75rem;
    }

    .cw-carousel .carousel-item {
        height: 550px;
    }

    .cw-carousel .cw-carouselText {
        z-index: 2;
        bottom: 38%;
    }
}

/*-- Checklists --*/

.cw-checklist li {
    display: inline-block;
    padding: .5em;
}

.cw-checklist li:before {
    content: "\f00c";
    font-family: FontAwesome;
    margin-right: .5em;
    color: var(--color-theme-highlight);
}

/*-- Subpages --*/

section:not(.page-home) .title {
    position: relative;
    margin-bottom: 2em;
    padding: 4em 0;
    background: url(https://apihoard.webit.com/api/v1/Image/364D38D74387D87C65CCA8C2D94B217F/364D38D74387D87C65CCA8C2D94B217F.jpg?size=Original) no-repeat top center;
    background-size: cover;
    text-align: center;
}

section:not(.page-home) .title:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
}

section:not(.page-home) .title .title-heading {
    position: relative;
    z-index: 2;
}

section:not(.page-home) .text h3 {
    font-size: 1.7rem;
}

section:not(.page-home) .detailedlist {
    padding: 1em 0 0;
}

section:not(.page-home) .cw-checklist li {
    padding: .5rem;
}

@media(min-width: 1200px) {
    section:not(.page-home) .title .title-heading {
        font-size: 2.5rem;
    }
}

/* --- Reviews summary list --- */

.page-reviews .list {
    padding-top: 0;
}

.page-reviews .list-img-wrap {
    padding: 2em 0;
    margin: 0 auto;
}

.page-reviews .list-text-description {
    font-style: italic;
}

.page-reviews .list-img-photo {
    background-size: 130px;
}

/*-- Footer */

footer.footer {
    background: url(https://apihoard.webit.com/api/v1/Image/FB0B7B14F5F03384010E3F2842E3575E/FB0B7B14F5F03384010E3F2842E3575E.jpg?size=Original) no-repeat center center;
    background-size: cover;
}
