/* 
 Theme Name:     DiviThemeChild
 Author:         DiviThemeChild
 Author URI:     http://DiviThemeChild
 Template:       Divi
 Version:        1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.9.5
*/ 

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/* @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap'); */

.wpsisac-slide-wrap{
    height: calc(100vh - 247px) !important;
}
@media screen and (min-width: 500px) and (max-width: 997px) and (orientation: landscape) {
    .wpsisac-slide-wrap {
        min-height: 90vh;
        max-height: 100vh !important;
    }
}
@media screen and (min-width: 998px) {
    .wpsisac-slide-wrap {
        height: calc(100vh - 195px) !important;
    }
}
.wpsisac-image-slide,
.wpsisac-slide-wrap{
    height: auto;
}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-overlay {
    background-color: rgba(0,0,0, 0.4)!important;
    pointer-events: none;
}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slide-title {
   font-size: 42px;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 26px;
   font-family: 'Great Vibes', handwriting;
   text-shadow: 2px 1px 5px rgba(0, 0, 0, .6);
  
}
@media screen and (min-width: 992px) {
    .wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slide-title {
        font-size: 72px;
        margin-top: 100px!important;
    }
}
@media screen and (min-height: 750px) and (max-height: 820px) and (min-width: 1500px) and (max-width: 1650px){
     .wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slide-title {
         margin-top: 250px!important;
     }
}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content p {
    font-size: 20px;

}
@media screen and (min-width: 992px){
    .wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content p{
        font-size: 24px;
    }
}
.wpsisac-readmore{
    display: none;
}


/* buttons */

.wpsisac-slick-slider.design-2 .slick-dots{
    bottom: 30px!important;
    display: block;
}
@media screen and (max-height: 315px){
    .wpsisac-slick-slider.design-2 .slick-dots {
        display: none;
    }
}
@media screen and (min-width: 992px) {
    .wpsisac-slick-slider.design-2 .slick-dots {
        bottom: 45px !important;
    }
}

.wpsisac-slick-slider .slick-dots li {
    position: relative;
    cursor: pointer;
    margin: 0 15px!important;
}
.slick-dots li::before{
    content: '';
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    width: 25px;
    height: 25px;
    opacity: 0;
    border: 1px solid white;
    transition: .3s ease-in;
}
@media screen and (min-width: 992px) {
    .slick-dots li:hover::before{
        opacity: 1;
    }
}
.slick-dots .slick-active::before{
    opacity: 1;
} 

.wpsisac-slick-slider .slick-dots li button{
    text-indent: 0;
    height: 18px!important;
}
.wpsisac-slick-slider .slick-dots li.slick-active button{
    background: transparent!important;
    border: none!important;
    border-radius: 0!important;
    color: white;
    font-size: 18px;
}
.wpsisac-slick-slider .slick-dots li button{
     background: transparent !important;
     border: none !important;
     border-radius: 0 !important;
     color: white;
     font-size: 18px;
}
/* arrows */
.wpsisac-slick-slider button.slick-arrow {
    display: none!important;
    background-color: transparent!important;
}
@media screen and (min-width: 992px) {
    .wpsisac-slick-slider button.slick-arrow {
        display: block!important;
    }
}
.wpsisac-slick-slider.design-2 .slick-next{
    right: 30px!important;
    padding: 25px!important;
    border: 1px solid white!important;
    transition: .3s ease-in;
}
.wpsisac-slick-slider.design-2 .slick-prev {
    left: 30px !important;
    padding: 25px!important;
    border: 1px solid white!important;
    transition: .3s ease-in;

}
@media screen and (min-width: 992px) {
    .wpsisac-slick-slider button.slick-prev:hover,
    .wpsisac-slick-slider button.slick-prev:focus{
        background-color: rgba(255, 255, 255, .2)!important;
    }
    .wpsisac-slick-slider button.slick-next:hover,
    .wpsisac-slick-slider button.slick-next:focus {
        background-color: rgba(255,255,255, .2)!important;
    }
}