/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/*=================*/
/*= Slick slider ==*/
/*=================*/
.slick-comments {
    opacity: 0;
    visibility: hidden;
    transition: opacity 10s ease;
    -webkit-transition: opacity 10s ease;
}

.slick-comments.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.slick-track {
    display: flex;
}

.slick-track .slick-slide {
    height: auto;
}

.slick-track .slick-slide>div {
    height: 100%;
}

/*=================*/
/*= Star Ratings ==*/
/*=================*/
.fa-star.active,
.fa-star-half-o.active {
    color: yellow;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: orange;
}

.hide-stars .star-ratings {
    display: none;
}

/*=======================*/
/*= Text Only Template ==*/
/*=======================*/
#bfsr .bfsr-text .carousel-control-prev-icon,
#bfsr .bfsr-text .carousel-control-next-icon {
    height: 100%;
    width: 100px;
}

.page-homepage #bfsr {
    margin-top: -3em;
    padding: 2em;
    background: rgb(54, 118, 137);
    background: linear-gradient(90deg, rgba(54, 118, 137, 1) 0%, rgba(61, 129, 141, 1) 35%, rgba(85, 164, 156, 1) 100%);

}

.page-homepage #bfsr .bfsr-text h1,
.page-homepage #bfsr .bfsr-text a {
    color: #FFF;
}

#bfsr .bfsr-text .blockquote p,
#bfsr .bfsr-text .blockquote-footer {
    color: #fff;
}

#bfsr .bfsr-text .carousel-control-prev-icon {
    background: transparent url('../img/prev_icon.svg') 0% 0% no-repeat padding-box;
}

#bfsr .bfsr-text .carousel-control-next-icon {
    background: transparent url('../img/next_icon.svg') 100% 0% no-repeat padding-box;
}

#bfsr .bfsr-text .carousel-indicators .active {
    background-color: #F4B753;
}

#bfsr .bfsr .slide {
    max-height: 100%;
}