#prev{
    left:0;
    border-radius: 0 10px 10px 0;
}

#next{
    right:0;
    border-radius:10px 0 0 10px;
}
#prev svg, #next svg{
    width:100%;
    fill: #fff;
    fill-opacity: 50%;
}

#prev:hover, #next:hover{
    background-color: rgba(0, 0, 0, 0.8);
    svg {
    	fill-opacity: 100%;
    };
}

div.wp-block-cover__inner-container, div.wp-block-cover hr {
    text-shadow: 2px 2px 4px #000000;
}

.slider{
    position: relative;
    overflow: hidden;
    height: calc(100vh - 108px);
    padding: 0px!important;
}

.slider > div {
    width: 100% !important;
    position: absolute;
    transition: all 3s;
    height: calc(100vh - 108px);
    margin: 0px !important;
}

.slider > span{
    height: 50px;
    position: absolute;
    top:50%;
    margin:-25px 0 0 0;
    background-color: rgba(0, 0, 0, 0.0);
    color:#fff;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    z-index: 30;
}

.fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-timing-function: ease-in;
    animation-duration: 1s;
}

.fade-out {
    opacity: 0;
    display: none;
}

@media only screen and (max-width: 782px) {
    .slider{
	height: calc(100vh - 108px);
	padding: 0px!important;
    }

    .slider > div {
        height: calc(100vh - 108px);
    }

    .wp-block-gallery.wp-block-gallery-2 {
	--wp--style--unstable-gallery-gap: 0em !important;
    }

    .slider #prev, .slider #next {
	display: none;
    }
}