/*---------------------------------------------------------------------------------

 Theme Name:   CircleCityDivi
 Theme URI:    https://circlecitydigital.com
 Description:  
 Author:       Circle City Digital
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

.slide.slick-slide{ display:flex !important;}
.home-hero .slick-current .image:before{display:block !important;}
.home-hero .image:before{display:none !important;}
.home-hero .info {
    width: 40%;
    padding: 45px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: calc((100% - 1068px) / 2);
}
.home-hero .info ul {
    font-size: 22px;
    line-height: 1.8;
    font-weight: 600;
    color: #333333;
    list-style: square;
    padding-left: 23px;
}
.home-hero .info h1 {
    font-size: 39px;
    font-weight: bold;
    margin-bottom: 20px;
}

.home-hero .image{
    width: 60%;
}
.home-hero .slick-slide img{
    width:100%;
}

.home-hero .image{
    position: relative;
}

.home-hero .image:before {
    content: '';
    background: url(http://dev.circlecitydigital.net/smartfoam/wp-content/uploads/2021/04/banner-thing.png);
        width: 353px;
    height: 100%;
    display: inherit;
    position: absolute;
    bottom: 0;
    top: 0;
    left: -106px;
    background-size: cover!important;
}

.home-hero .image a {
    color: #000;
    position: absolute;
    right: 0;
    z-index: 99999;
    bottom: 0px;
    background: #929292;
    padding: 4px 8px;
    font-size: 23px;
}
.slick-dots {
    right: 166px;
    text-align: right;
    bottom: 3px;
}
.slick-dots li button:before {
    content: '•';
    font-size: 18px;
}
.spacer{height:80px;}

@media screen and (max-width:1100px) and (min-width:992px){
.home-hero .image:before {
    content: '';
    width: 291px;
    top: -7px;
    left: -106px;
    }
    .home-hero .info {
    padding-left: calc((100% - 800px) / 2);
    }
    .home-hero .info h1 {
        font-size: 29px;
    }
    .home-hero .info ul {
        font-size: 17px;
    }
}

@media screen and (max-width:991px){
    .home-hero .image, .home-hero .info {
        width: 100%;
    }
    .slick-dots {right:0;bottom:0;text-align: center;}
    .home-hero .slick-current .image:before {
        display: none !important;
    }
    .slide.slick-slide {
        flex-direction: column-reverse;
    }
    .home-hero .info {
    padding-left: 45px;
    }
    .slick-prev, .slick-next {
    width: 40px !important;
    height: 40px !important;
}
}


@media screen and (max-width:767px){
.slick-next {
    right: -28px !important;
}
    .testimonials-row li{box-shadow:none !important;}
    .testimonials-row li p, .testimonials-row li span {font-size: 15px !important;}
}