/* -- For Accessibility --*/
a:focus {
    background: #8F1B14 !important;
    color: white !important;

}

a.btn:focus,
a.gallery-card-link:focus,
.contact-companyinfo a:focus {
    background: #8F1B14 !important;
    color: white !important;
}

a:focus .list-img-photo,
.header-info-logo a:focus img {
    background: #8F1B14 !important;
    color: white !important;
}

.contact-companyinfo a {
    display: block;
}

.form-control:focus,
.productdetails-payment select:focus {

    background: #8F1B14 !important;
    color: white !important;

}



/** HOME PAGE **/

#wb__carousel {
    border-bottom: 8px solid var(--color-theme-primary);
    box-shadow: 0px 3px 5px rgba(1, 1, 1, .5);
}


.carousel-caption {
    top: 2.5em;

}

.carousel-caption h1 {
    font-size: 2.5em;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.9);

}

.carousel-caption ul {
    font-size: 1.5em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);

}



/* ============== review page =================== */

.wb-blockquote {
        position: relative;
        background-color: #F0F0F0;
        box-shadow: 5px 6px 9px -6px rgba(0, 0, 0, 0.15);
        padding: 1.875rem 1.875rem 1.875rem 3.75rem;
    }

    .wb-blockquote::before {
        content: "\201C";
        position: absolute;
        width: 3.75rem;
        margin: -1.5625rem 0 0 -2.5rem;
        color: #39B54A;
        font-size: 3.75rem;
    }

    .wb-blockquote::after {
        content: "";
        position: absolute;
        bottom: -1.875rem;
        left: 2.75rem;
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 30px 0 0;
        border-color: #F0F0F0 transparent transparent transparent;
        filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.1));
    }


@media (min-width: 768px) {
    .carousel-caption {
        top: 5em;
        left: 2em;
    }
}

@media (min-width: 1024px) {
    .carousel-caption {
        top: 5em;
        left: 4em;
    }

    .carousel-caption h1 {
        font-size: 4em;
    }


}


@media (min-width: 1440px) {
    .carousel-caption {
        top: 10em;
        left: 9em;
    }

}

#welcome {
    background: #fff;
    background-image: url('https://apihoard.webit.com/api/v1/Image/A1E5F065130BF79F6EE69777CA8C7E34/A1E5F065130BF79F6EE69777CA8C7E34.jpg?size=1920x1440');
    background-repeat: repeat-x;
    background-position: bottom center;
}

.bg-welcome {
    background: rgba(255, 255, 255, 0.8);
}

.cw-learn-more {
    border-top: 3px solid var(--color-theme-highlight);
}

.cw-learn-more:hover {
    box-shadow: 0px 5px rgba(0, 0, 0, 0.5);
}


.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

/*
        .cw-hr {
            display: inline-block;
            border-top: var(--color-theme-highlight) solid 3px;
            width: 30%;

        }
*/

.list-group > .list-group-item {
    border-radius: 0;
    border-width: 1px 0 0 0;
    background: var(--color-theme-highlight);
    color: #fff;

}

.list-group > .list-group-item:first-child {
    border-top: 0;
}

.list-group > .list-group-item:hover {
    background: var(--color-theme-secondary);

    transition: .2s ease-in-out;
}


/* Above Hero Banner */

.cw-announcment {
    background-color: #278041;
    padding: 1rem 0;
    color: #fff;
  }