/* Service landing page (service-1 style) */
.service1-section {
    padding: 50px 0 70px;
}

.service1-hero-image {
    margin-bottom: 30px;
    border-radius: 8px;
    overflow: hidden;
}

    .service1-hero-image img {
        display: block;
        width: 100%;
        border-radius: 8px;
    }

.service1-title {
    font-size: 32px;
    font-weight: 700;
    color: #222;
    margin: 0 0 20px;
}

.service1-content p {
    color: #333;
    line-height: 1.8;
    margin-bottom: 18px;
}

.service1-content ul {
    margin: 0 0 18px;
    padding-left: 20px;
}

    .service1-content ul li {
        color: #333;
        line-height: 1.8;
        margin-bottom: 6px;
    }

.service1-content h2 {
    font-size: 21px;
    font-weight: 700;
    color: #00467F;
    margin: 35px 0 14px;
}

.service1-content a {
    color: #00467F;
    text-decoration: underline;
}

.service1-sidebar {
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 28px;
    margin-top: 6px;
}

@media (min-width: 992px) {
    /* Bootstrap 3's float grid doesn't equalize column heights, so the
       sidebar's sticky containing block would only be as tall as the
       sidebar itself. Making the row flex stretches both columns to the
       height of the taller (article) column, so sticky can track the
       full length of the content instead of releasing early. */
    .service1-section .row {
        display: flex;
        flex-wrap: wrap;
    }

    .service1-sidebar {
        position: sticky;
        top: 110px;
    }
}

.service1-book-btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 16px 20px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background: #00467F;
    border-radius: 4px;
    margin-bottom: 25px;
}

    .service1-book-btn:hover,
    .service1-book-btn:focus {
        background: #003463;
        color: #fff;
    }

.service1-contact-details {
    margin-top: 10px;
    padding-top: 25px;
    border-top: 1px solid #e6e6e6;
}

    .service1-contact-details h4 {
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #222;
        margin: 0 0 15px;
    }

    .service1-contact-details p {
        color: #555;
        line-height: 1.7;
        margin-bottom: 14px;
    }

    .service1-contact-details a {
        color: #00467F;
    }

.service1-contact-form h4 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #222;
    margin: 0 0 15px;
}

    .service1-contact-form .form-group {
        margin-bottom: 14px;
    }

    .service1-contact-form label {
        display: block;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .5px;
        color: #666;
        margin-bottom: 5px;
    }

    .service1-contact-form .form-control {
        width: 100%;
        font-size: 14px;
        padding: 9px 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
    }

    .service1-contact-form textarea.form-control {
        resize: vertical;
    }

    .service1-contact-form .service1-book-btn {
        margin-bottom: 0;
    }

/* Fix: remove the theme's default gap between #main and the footer */
body #main {
    margin-bottom: 0;
}

/* Fix: back-to-top button colliding with the fixed contact modal bar */
#wrapper .footer .back-top {
    z-index: 20;
}

@media (max-width: 991px) {
    .service1-title {
        font-size: 26px;
    }
}