/*
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:#efefef;
    width:50px;
    height:50px;
    display:block;
    position:absolute;
    border-radius:50px;
    transform:translateY(50%);
    bottom:0;
    cursor:pointer;
    z-index:1;
    box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.block-slider .slider-nav-button:after{
    content:'';
    background-image:url('/wp-content/themes/toast/assets/images/arrow-black.svg');
    width:20px;
    height:20px;
    display:block;
    background-size:cover;
    background-position:center;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

.block-slider .slider-prev{right:60px;}
.block-slider .slider-next{right:0;}
.block-slider .slider-prev:after{transform:translate(-50%, -50%) rotate(180deg);}

.block-slider .slide{margin:0 1rem;}

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

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

.block-slider .slide img{height:300px;width:auto;}