/* ------------------------------------------------------
---------------------------------------------------------
		SLIDER STYLES
---------------------------------------------------------
--------------------------------------------------------- */

section.slider {
	overflow:hidden;
    width: 100vw!important;
    margin-left: calc(50% - 50vw)!important;
}
ul.slides li {
	width:100%;
	position: relative;
}
ul.slides li .wrapper {
    position: relative;
    height: 700px;
    max-width: 940px;
	padding-top: 142px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	z-index: 5;
}
ul.slides li .wrapper p.slide-caption-1 {
	font-family: barlow, sans-serif;
	color:var(--wp--preset--color--white);
	margin-top:0;
    margin-bottom: 10px;
	font-size:60px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.2;
	text-shadow: 0px 2px 5px rgba(0,0,0,0.50);
}
ul.slides li .wrapper p.slide-caption-2 {
	color:var(--wp--preset--color--white);
	margin-top:0;
	margin-bottom: 30px;
	font-size:28px;
	text-align: center;
	text-shadow: 0px 2px 5px rgba(0,0,0,0.50);
}
ul.slides li .wrapper .wp-block-buttons .wp-block-button a {
	background-color:var(--wp--preset--color--cerise);
}
ul.slides li img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.unslider {
    position: relative;
}
.unslider-arrow.prev {
    left: 0!important;
}
.unslider-arrow.next {
    right: 0!important;
}

/* SLIDER NAV */

a.unslider-arrow {
    top: 41%!important;
	color:var(--wp--preset--color--white)!important;
	padding: 7px 4px!important;
	font-size: 26px!important;
	background-color: var(--wp--preset--color--charcoal)!important;
}
a.unslider-arrow:hover {
	background-color: var(--wp--preset--color--blue)!important;
}
.unslider-nav {
    position: absolute!important;
    bottom: 15px!important;
	left: 0;
	right: 0;
	z-index: 5;
}
.unslider-nav ol li {
    width: 10px!important;
    height: 10px!important;
    border: 2px solid var(--wp--preset--color--white)!important;
}
.unslider-nav ol li.unslider-active {
    background: var(--wp--preset--color--white)!important;
    cursor: pointer;
}

@media only screen and (max-width : 1000px) {
    
a.unslider-arrow {
	display: none;
}

}

@media only screen and (max-width : 615px) {

ul.slides li .wrapper {
	max-width: 85%;
}
.slide-caption-1 p {
	font-size: 42px;
}
.slide-caption-2 p {
	font-size: 24px;
}

}