/* 
    Created on : Jan 10, 2025, 12:34:56 PM
    Author     : hS
*/

/*-----------------------*/
/** slick carousel common
/*-----------------------*/

.slick-dots {
    bottom: -35px;
}

.slick-dots li.slick-active button::before {
    color: var(--hsstd-color-primary);
}

.slick-prev {
    top: 33%;
    left: 100px;
}
.slick-prev::before {
    display: none;
}

.slick-next {
    top: 33%;
    right: 100px;
}
.slick-next::before {
    display: none;
}

.btn-hsstd-icon.hsstd-slick-prev {
    height: 3rem;
    width: 3rem;
    line-height: 3rem;
    font-size: 1.5rem;
    color: var(--hsstd-color-primary-hover);
    border: 1px solid var(--hsstd-color-neutral);
    outline: none;
}
.hsstd-slick-prev:hover {
    color: var(--hsstd-color-primary);
    border: 1px solid var(--hsstd-color-primary);
}
.slick-disabled .hsstd-slick-prev,
.slick-disabled .hsstd-slick-prev:hover {
    color: var(--hsstd-color-gray);
    border: 1px solid var(--hsstd-color-gray);
    outline: none;
    box-shadow: none;
    opacity: 0.5;
}

.btn-hsstd-icon.hsstd-slick-next {
    height: 3rem;
    width: 3rem;
    line-height: 2;
    font-size: 1.5rem;
    color: var(--hsstd-color-primary-hover);
    border: 1px solid var(--hsstd-color-neutral);
    outline: none;
}
.hsstd-slick-next:hover {
    color: var(--hsstd-color-primary);
    border: 1px solid var(--hsstd-color-primary);
}
.slick-disabled .hsstd-slick-next,
.slick-disabled .hsstd-slick-next:hover {
    color: var(--hsstd-color-gray);
    border: 1px solid var(--hsstd-color-gray);
    outline: none;
    box-shadow: none;
    opacity: 0.5;
}

.slick-slide img {
    display: inline-block;
}

/** Custom */

#the-sample-carousel-control.hsstd-carousel-control {
    /*position: relative;*/
    /*margin-right: 45px;*/
    /*padding: 60px 0;*/
}

#the-sample-carousel-control.hsstd-carousel-control .slick-next {
    /*position: static;*/
    /*display: inline-block;*/
    /*margin: 15px 15px;*/
}

#the-sample-carousel-control.hsstd-carousel-control .slick-prev {
    /*position: static;*/
    /*display: inline-block;*/
    /*margin: 15px 15px;*/
}

#the-sample-carousel .hsstd-slide.slick-slide {
    /*min-height: 450px;*/
    border: 1px solid var(--hsstd-color-primary);
    /*margin: auto 15px;*/
    /*transition: all 0.2s ease-in-out;*/
}

#the-sample-carousel .hsstd-slide.slick-slide, /* remove if in center mode */
#the-sample-carousel .hsstd-slide.slick-slide.slick-current {
/*    border: 1px solid transparent;
    background-color: transparent;
    transition: all 0.2s ease-in-out;*/
}

#the-sample-carousel .hsstd-slide > div {
    /*border:1px solid #f0f0f0;*/ 
    /*background-color: white;*/
}

#the-sample-carousel.hsstd-carousel .hsstd-slide img {
    /*width: 100%;*/
    /*height: auto;*/
}

#the-sample-carousel .hsstd-slide-title {
    font-size: 1.33rem;
}
@media ( max-width : 1024px ){
    #the-sample-carousel .hsstd-slide-title {
        font-size: 1.1rem;
    }
}

#the-sample-carousel .hsstd-slide .hsstd-slide-content {
    /*position: absolute;*/
    /*bottom: 0;*/
}