.arts-map {
	--font-family-title: var(--font-display);
	--font-family-body: var(--font-body);
	--text-color-title: var(--gray-900);
	--text-color-body: var(--gray-900);

	--btn-bg-color: var(--sw-button-secondary-bg);
	--btn-bg-color-hover: var(--sw-button-secondary-bg-hover);
	--btn-text-color: var(--red);
	--btn-text-color-hover: var(--sw-button-secondary-color-hover);

	width: 100%;
	margin-top: 35px;
	margin-bottom: 25px;
	color: var(--text-color-body);
	position: relative;
}

.arts-map.js-loaded {
	opacity: 1 !important;
}

/* Widget Details */

.arts-map.slides .header {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 40px;
	background-color: var(--black);
}

@media(min-width: 64em) {
	.arts-map.slides .header {
		position: absolute;
		z-index: 100;
		max-width: 33%;
		top: -3%;
	}
}

.arts-map.slides .header .title {
	color: var(--white);
	font-size: 38px;
	font-family: "proxima-nova-xbold";
	line-height: 38px;
}

.arts-map.slides .header .description {
	color: var(--white);
	font-size: var(--text-base);
	font-family: 'proxima-nova';
	padding-right: 20px;
}

.arts-map.slides a.view-all {
	max-width: fit-content;
	padding: var(--space-1) 0;
	color: var(--red);
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'proxima-nova-smbd';
	border-inline-end: 17.5px;
	padding-top: 3px;
}

.arts-map.slides .regions .slider-cont.glide {
	max-width: fit-content;
	margin: 0 auto;
}

.arts-map.slides .regions .slider-cont.glide .glide__track {
	max-width: 700px;
}

@media(min-width: 1200px) {
	.arts-map.slides .header .title {
		font-size: 48px;
		line-height: 48px;
	}
	.arts-map.slides .header .description {
		font-size: 20px;
		line-height: 26px;
	}
}


/* Slide Details */

@media(min-width: 64em) {
	.arts-map.slides .regions {
		position: absolute;
		top: 65%;
		z-index: 10;
		margin-left: 7%;
	}
}

.arts-map.slides .glide__slide .inner .content-section {
	width: 100%;
}

@media(min-width: 64em) {
	.arts-map.slides .glide__slide .inner .content-section {
		max-width: 610px;
		
	}
}

.arts-map.slides .glide__slide .inner .content-section .slide-supertitle {
	font-size: var(--text-sm);
	font-family: 'proxima-nova-bold';
	margin-bottom: 0;
}

.arts-map.slides .glide__slide .inner .content-section .slide-title {
	margin-bottom: 16px;
	font-size: 26px;
	font-weight: 701;
	text-transform: uppercase;
	font-family: 'proxima-nova-xbold';
	margin-top: 0;
	margin-bottom: 0;
}

.arts-map.slides .glide__slide .inner .content-section .description {
	font-family: 'proxima-nova';
	font-size: 15px;
	line-height: 19px;
}


.arts-map.slides .glide__slide .inner .content-section .bottom-section .read-more {
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	padding: 10px 28px;
	background-color: var(--red);
	color: var(--white);
	font-size: 17px;
	text-transform: uppercase;
	font-family: 'Oswald';
}

@media(min-width: 1200px) {
	.arts-map.slides .glide__slide .inner .content-section .slide-supertitle {
		font-size: 16px;
	}
	.arts-map.slides .glide__slide .inner .content-section .slide-title {
		font-size: 35px;
		line-height: 48px;
	}
	.arts-map.slides .glide__slide .inner .content-section .description {
		font-size: 18px;
		line-height: 26px;
	}
}

/* Map Arrows */

.arts-map.slides .regions .glide__arrows {
	width: 100%;
	position: absolute;
	display: flex;
	justify-content: space-between;
	z-index: 1;
	top: 25%;
	padding: var(--space-2) var(--space-1);
}

@media(min-width: 64em) {
	.arts-map.slides .regions .glide__arrows {
		max-width: 691px;
	}
}

.arts-map.slides .regions .glide__arrow {
	box-shadow: unset;
	background-color: transparent;
	margin: 10px;
	font-size: 15px;
}

.arts-map.slides .regions .glide__arrow--left {
	justify-content: left;
}

.arts-map.slides .regions .glide__arrow--right {
	justify-content: right;
}

.arts-map.slides .regions .glide__arrow:hover, .arts-map.slides .regions .glide__arrow:focus {
	color: unset;
}

/* Map Stage */
.arts-map .stage {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
}

/* Map SVG */
.arts-map .map {
	position: relative;
	overflow: hidden;
	width: 100%;
}

@media(min-width: 64em) {
	.arts-map .map {
		display: flex;
		justify-content: flex-end;
	}
}

.arts-map .map svg {
	position: relative;
	width: 142%;
	height: auto;
	top: 0;
	right: 37%;
	transform: none;
	margin: 0px;
}

@media(min-width: 64em) {
	.arts-map .map svg {
		width: 92%;
		right: 0;
	}
}

.arts-map .map svg [data-map-beacon] {
	cursor: pointer;
}

.arts-map .map svg [data-map-poi] {
	display: none;
	transition: display ease 0.6s;
}

.arts-map .map [data-map-poi].active,
.arts-map .map [data-map-poi].hover {
	display: block;
}

.arts-map .map [data-map-poi]:hover {
	display: block;
}

@media (hover: hover) {
	.arts-map a.view-all:hover {
		background-color: var(--btn-bg-color-hover);
		color: var(--btn-text-color-hover);
	}
}

/* Slider Layout */

.arts-map .regions [data-poi] {
	max-width: 100vw;
	padding: 30px 40px 0px 40px;
	margin-left: auto;
	margin-right: auto;
}

.arts-map .regions .image {
	position: relative;
}

.arts-map .regions .slide-bottom {
	margin-top: var(--space-2);
	margin-bottom: var(--space-3);
}

.arts-map .regions h3 {
	font-size: var(--text-lg);
	font-weight: var(--font-weight-semibold);
}


/* Desktop Map Gradient */

.arts-map .map .map-gradient {
	display: none;
}

@media(min-width: 64em) {
	.arts-map .map .map-gradient {
		display: unset;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 40%;
		background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.3) 80%, rgba(255, 255, 255, 0.15) 82%, rgba(255, 255, 255, 0.075) 88%, rgba(255, 255, 255, 0.037) 93%, rgba(255, 255, 255, 0.019) 97%, rgba(255, 255, 255, 0) 100% );
		background-repeat: no-repeat;
		z-index: 1;
		pointer-events: none;

	}
}