/* ------------------------------------------------------
---------------------------------------------------------
		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: 590px;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	z-index: 5;
}
ul.slides li .wrapper p.slide-caption-1 {
	color:var(--wp--preset--color--white);
	margin-top:0;
    margin-bottom: 10px;
	font-size:64px;
	text-align: center;
}
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;
}
ul.slides li .wrapper .wp-block-buttons .wp-block-button a {
	background-color:var(--wp--preset--color--blue);
}
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: 12px 10px 10px 10px!important;
	font-size: 30px!important;
	opacity: 0.25!important;
	background-color: var(--wp--preset--color--blue)!important;
}
a.unslider-arrow:hover {
	opacity: 1!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;
	font-weight: 700;
}
.slide-caption-2 p {
	font-size: 24px;
}

}