@media (max-width: 991px) {
    .header--nav-links > li.active > a,
    .header--nav-links > li.active > a:focus,
    .header--nav-links > li.active > a:hover {
        color: #555 !important;
        background-color: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
}
/*

[Custom Stylesheet]

Project: David Support Website
Company: David Support

*/

/*------------------------------------*\
    SECTION SPACING REDUCTION
    Theme default 100px is too much for a single-page layout
\*------------------------------------*/
.pd--100-0 {
    padding: 70px 0;
}
.pd--100-0-40 {
    padding: 70px 0 30px;
}
.pd--80-0 {
    padding: 60px 0;
}

/*------------------------------------*\
    STICKY HEADER TOP BAR
\*------------------------------------*/
.header--section {
    /* No longer sticky, only nav bar is sticky */
}

.header--navbar {
    /* Sticky handled by JS, not CSS */
}

.banner--section {
    margin-top: 0;
}

/*------------------------------------*\
    FORM VALIDATION ERRORS
\*------------------------------------*/
.field-error-msg {
    display: block;
    color: #119ee6;
    font-size: 12px;
    margin-top: 4px;
}

/*------------------------------------*\
    RECAPTCHA BADGE
    Move to top right, below the sticky header
\*------------------------------------*/
.grecaptcha-badge {
    top: 112px !important;
    bottom: auto !important;
}

/*------------------------------------*\
    FEATURE ICON STYLE (FA icons - Why Choose Us + About sections)
\*------------------------------------*/
.feature--item .icon i,
.appointment--item .icon i {
    font-size: 42px;
    color: #119ee6;
    display: block;
    margin-bottom: 8px;
}

/*------------------------------------*\
    FOOTER OVERRIDES
\*------------------------------------*/
.footer--about .info .nav > li > span {
    color: #fff;
}

/*------------------------------------*\
    COLOR-10 ICON IMAGE OVERRIDES
    Convert theme icon images from orange to color-10 blue (#119ee6)
\*------------------------------------*/

/* Appointment step icons */
.appointment--item .icon img,

/* Feature/why-choose-us icons */
.feature--item .icon img,

/* Counter section icons */
.counter--item .icon img,

/* Pricing package icons */
.pricing--icon img,

/* Extra service icons */
.extra-service--item .icon img {
    -webkit-filter: hue-rotate(175deg) saturate(1.2);
            filter: hue-rotate(175deg) saturate(1.2);
}


/*------------------------------------*\
    TESTIMONIAL VERIFIED BADGE
\*------------------------------------*/
.verified-badge {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    padding: 4px 10px;
    text-transform: uppercase;
}

.verified-badge i {
    margin-right: 5px;
    color: #119ee6;
}

/*------------------------------------*\
    TESTIMONIAL SECTION BACKGROUND TRANSITION + OVERLAY
\*------------------------------------*/
.testimonial--section.bg--img {
    -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
}

.testimonial--section.bg--overlay:before {
    opacity: 0.78;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=78)";
}

/*------------------------------------*\
    404 PAGE — FULL SCREEN DARK TECH OVERLAY
\*------------------------------------*/
.f0f--section {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.f0f--section.bg--overlay:before {
    background-color: #000;
    opacity: 0.55;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
}

.f0f--section.bg--overlay,
.f0f--section.bg--overlay .title,
.f0f--section.bg--overlay .sub-title {
    color: #fff;
}

.f0f--section.bg--overlay .title {
    margin: 40px 0 20px;
}

/*------------------------------------*\
    MOBILE NAV TOGGLE COLOR-10 OVERRIDE
\*------------------------------------*/
@media (max-width: 767px) {
    .header--navbar .navbar-toggle {
        background-color: #119ee6;
        border-color: #119ee6;
    }
}

/* Make active nav item look like normal nav items */
.header--nav-links > li.active > a,
.header--nav-links > li.active > a:focus,
.header--nav-links > li.active > a:hover {
    color: #555 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}