/* @import '../base/studio-theme.css'; */

:root{
    --studio__dark: #060606;
    --studio__blue: #1A73E8;
    --studio__blue-hover: #0D47A1;
    --studio__white: #ffffff;
}


/* Arrows */
.slick-slide:focus{
    outline: none;
}
.slick-prev
{
    left: 0px;
    z-index: 1;
}
[dir='rtl'] .slick-prev
{
    right: 0px;
    left: auto;
}

.slick-next
{
    right: 0px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0px;
    z-index: 1;
}

/* --- arrow fixed --- */
.w-title-slider .slick-prev:before,
.w-main-slider .slick-prev:before,
.w-content-slider .slick-prev:before
{
    content: none;
}
.w-title-slider [dir='rtl'] .slick-prev:before,
.w-main-slider [dir='rtl'] .slick-prev:before,
.w-content-slider [dir='rtl'] .slick-prev:before
{
    content: none;
}

.w-title-slider .slick-next:before,
.w-main-slider .slick-next:before,
.w-content-slider .slick-next:before
{
    content: none;
}
.w-title-slider [dir='rtl'] .slick-next:before,
.w-main-slider [dir='rtl'] .slick-next:before,
.w-content-slider [dir='rtl'] .slick-next:before
{
    content: none;
}


/* --- main-slider --- */

.w-main-slider .slick-arrow{
    width: auto;
    height: 20px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    transform: none;
}

    .w-main-slider .slick-arrow svg{
        fill: transparent;
        width:auto;
        height: 20px;        
        fill: #ffffff;        
        transition: fill 0.4s ease-in-out;
    }
   
    .w-main-slider .slick-arrow:focus svg{
        fill: var(--studio__blue, #1A73E8);
    }

    .w-main-slider .slick-arrow:hover svg{
        fill: var(--studio__blue-hover, #0D47A1);
    }
    
@media screen and (min-width: 992px){

    .main-slider .slick-arrow{
        top: calc((50vw - 30px) * 0.3 );
    }
}

@media screen and (min-width: 1200px){

    .main-slider .slick-arrow{
        top: calc((33.333vw - 30px) * 0.3 );
    }
}


/* --- title-slider --- */
.w-title-slider .slick-arrow{
    width: auto;
    height: 20px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    transform: none;
}

    .w-title-slider .slick-arrow svg{
        fill: transparent;
        width:auto;
        height: 20px;        
        fill: #ffffff;        
        transition: fill 0.4s ease-in-out;
        
    }
   
    .w-title-slider .slick-arrow:focus svg{
        fill: var(--studio__blue, #1A73E8);
    }

    .w-title-slider .slick-arrow:hover svg{
        fill: var(--studio__blue-hover, #0D47A1);
    }


@media screen and (min-width: 1440px){

    .w-title-slider .slick-arrow{
        width: auto;
        height: 26px;
    }
        .w-title-slider .slick-arrow svg{
            height: 26px;
        }
}

/* --- main-slider --- */

.w-content-slider .slick-arrow{
    width: auto;
    height: 20px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    transform: none;
}

    .w-content-slider .slick-arrow svg{
        fill: transparent;
        width:auto;
        height: 20px;        
        fill: #ffffff;        
        transition: fill 0.4s ease-in-out;
    }
   
    .w-content-slider .slick-arrow:focus svg{
        fill: var(--studio__blue, #1A73E8);
    }

    .w-content-slider .slick-arrow:hover svg{
        fill: var(--studio__blue-hover, #0D47A1);
    }
    
@media screen and (min-width: 992px){

    .main-slider .slick-arrow{
        top: calc((50vw - 30px) * 0.3 );
    }
}

@media screen and (min-width: 1200px){

    .main-slider .slick-arrow{
        top: calc((33.333vw - 30px) * 0.3 );
    }
}