/*
Block Name: Flexible Slider
Description: A very flexible slider which allows you to customise speeds and effects without hindering performance.
*/

.block-slider .slider-nav-button{
    background-image: url('/wp-content/uploads/2022/11/PRB-Next.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width:150px;
    height:300px;
    display:block;
    position:absolute;
    transform:translateY(50%);
    bottom:0;
    cursor:pointer;
    z-index:1;
}


.block-slider .slider-prev{    left: 0;top: 50%; transform: translateY(-50%) rotate(180deg);}
.block-slider .slider-next{right: 0; top: 50%; transform: translatey(-50%);}

.block-slider .slide{margin:0rem; height: 600px; width: auto; background-size: cover; background-position: center;}

.block-slider.white-slides .slide{
    background:#ffffff;
    box-sizing:border-box;
}

.block-slider.white-slides .slide *:last-child{
    padding-bottom:0;
}


@media (max-width:768px) {

    .block-slider .slide{height:400px;}
    .block-slider .slider-nav-button {width: 60px; height: 120px;}

}