/*
Theme Name: LP Theme Carousel Styles
Theme URI: https://literacyplanet.com
Author: Literacy Planet
*/


/* NAV
################################################################################### */

.owl-carousel .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
}

.owl-carousel .owl-nav button {
	position: absolute;
	transform: translateY(-50%);
	box-shadow: none;
	display: block;
	width: 2rem;
	height: 2rem;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	transition: left 200ms, right 200ms;
}

.owl-carousel .owl-nav button:hover {
	filter: none;
}

.owl-carousel .owl-nav button:active {
	top: 0.2rem;
}

.owl-carousel .owl-nav button.owl-prev {
	left: -3rem;
	background-image: url(../svg/prev-arrow.svg)!important;
	background-position: left center!important;
}

.owl-carousel .owl-nav button.owl-prev:hover {
	left: -3.5rem;
	width: 2.5rem;
}

.owl-carousel .owl-nav button.owl-next {
	right: -3rem;
	background-image: url(../svg/next-arrow.svg)!important;
	background-position: right center!important;
}

.owl-carousel .owl-nav button.owl-next:hover {
	right: -3.5rem;
	width: 2.5rem;
}

@media (max-width: 1023px) {
	.owl-carousel .owl-nav {
		display: none;
	}
}

/* DOTS
################################################################################### */

.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 1rem;
}

.owl-carousel .owl-dots button {
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 1rem;
	overflow: hidden;
	background: #ccc!important;
	margin: 0.2rem;
	box-shadow: none;
}

.owl-carousel .owl-dots button:hover {
	filter: none;
}

.owl-carousel .owl-dots button.active {
	background: var(--blue)!important;
}