/*
	README

	Modify this file as much or as little as needed.

	This file is shared across all CCL widgets in the Slider family. This enables the ability to
	a family of widgets in a single update without touching the structure of the widget and without needing
	to duplicate efforts across several widget-specific CSS files.
*/

.ccl-widget.core-slider .glide__arrows {
	transform: none;
	top: -42px !important;
	width: max-content;
	right: 6px;
	left: auto;
}

.ccl-widget.core-slider .glide__arrows .glide__arrow {
	width: 20px;
	height: 20px;
	background: var(--blue);
	color: #fff;
	font-size: var(--text-lg);
	margin: 0 var(--space-1);
	box-shadow: none;
}

.ccl-widget.core-slider .glide__arrows .glide__arrow i.fa-caret-left {
	padding-right: var(--space-1);
}

.ccl-widget.core-slider .glide__arrows .glide__arrow i.fa-caret-right {
	padding-left: 2px;
}

@media (min-width: 40em) {
	.ccl-widget.core-slider .glide__arrows {
		right: -11px;
		top: -62px !important;
	}
	.ccl-widget.core-slider .glide__arrows .glide__arrow {
		width: 37.5px;
		height: 37.5px;
		margin: 0 var(--space-3);
		font-size: var(--text-3xl);
	}
}