/*********** Table of Contents ***********
    1.0: Featured services
*****************************************/

/*#Multi-Services {
    width: 100%;
}
#Multi-Services a:hover{
    text-decoration:none;
}

#Multi-Services .services-header {
    color: var(--header-color);
}

    #Multi-Services .card {
        background-color: white;
        border: none;
        height: 250px;
    }

    #Multi-Services .card:hover {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }

#Multi-Services .carousel-inner {
    overflow: unset;
}

    #Multi-Services h4 {
        color: #333;
    }

#Multi-Services .card-text {
    text-align: center;
}

    #Multi-Services .card-img-top {
        height: 50%;
    }

    #Multi-Services .card-body {
        padding-top: 0;
    }

        #Multi-Services .card-body p {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

#Multi-Services .prev,
#Multi-Services .next {
    color: var(--button-accent-color);
}


@media (min-width: 576px) and (max-width: 768px) {*/
    /* Show 3rd slide on sm if col-sm-6*/
    /*#Multi-Services .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;*/ /*change this with javascript in the future*/
        /*z-index: -1;
        display: block;
        visibility: visible;
    }
}
.carousel-control-next {
    justify-content: right !important;
    opacity: 1 !important;
    filter: drop-shadow(0px 0px 1px black);
}
.carousel-control-prev {
    justify-content: left !important;
    opacity: 1 !important;
    filter: drop-shadow(0px 0px 1px black);
}
@media (min-width: 576px) {
    #Multi-Services .carousel-item {
        margin-right: 0;
    }*/
    /* show 2 items */
    /*#Multi-Services .carousel-inner .active + .carousel-item {
        display: block;
    }

    #Multi-Services .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #Multi-Services .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }

    #Multi-Services .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }*/
    /* left or forward direction */
    /*#Multi-Services .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #Multi-Services .carousel-item-next.carousel-item-left + .carousel-item,
    #Multi-Services .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }*/
    /* farthest right hidden item must be also positioned for animations */
    /*#Multi-Services .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }*/
    /* right or prev direction */
    /*#Multi-Services .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #Multi-Services .carousel-item-prev.carousel-item-right + .carousel-item,
    #Multi-Services .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}*/
/* MD */
/*@media (min-width: 768px) {*/
    /* show 3rd of 3 item slide */
    /*#Multi-Services .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }

    #Multi-Services .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }

    #Multi-Services .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }*/
    /* left or forward direction */
    /*#Multi-Services .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }*/
    /* right or prev direction */
    /*#Multi-Services .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}*/


.service-bar {
    background-image: var(--background-image);
    height: calc(500px + 1rem);
    background-size: cover;
}
    @media (max-width: 767px) {
        .service-bar {
            height:auto;
        }
    }

.service-image-overlay {
    background: #313131ba;
    height: 100%;
    width: 100%;
}

.container .item {
    height: 250px;
    width: 100%;
}

.container .small-tile.item {
    height: 110px;
    width: 100%;
}

.item {
    background-color: #f5f5f5;
    color: #fff;
}

.item-img {
    width: auto;
    height: 25px;
}

.service-item {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
    color: #707070;
}

.container a:hover {
    text-decoration: none;
}

.view-more {
    position: absolute;
    bottom: 30px;
}

.view-more p {
    background: transparent !important;
    border-left: 2px solid var(--button-accent-color) !important;
    padding-left: 10px;
    color: black;
}