/* CSS Document */

.zsound-wrapper {
	position:relative;
	height:470px;

	background-color:#000000;
	color:#FFFFFF;

	background-image: url(/extern/sound/Sfondo-sound.jpg);
	background-position: center left;
	background-repeat: no-repeat;
}

.zsound-wrapper-inner {
	padding:15px 0px 15px 15px;
}
@media (min-width: 992px) {
	.zsound-wrapper-inner {
		padding:30px 0px 30px 30px;;
	}
}


.zsound-modul-headline {
	text-transform:uppercase;
}

.zsound-modul-text {
}

.zsound-arrows {
	position:absolute;
	left:30px; 
	bottom:30px;
}

.zsound-left {
	width:33%;
	height:410px;
	float:left;
}

.zsound-slider {
}

.zsound-slider-elem {
	position:relative;
	height:410px !important;
	text-align:center;

	background-position: center left;
	background-repeat: no-repeat;
	background-size:cover;
}

.zsound-headline {
	font-weight:700;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
	text-transform:uppercase;
}

.zsound-subheadline {
	font-size:14px;
	line-height:1.2;
	letter-spacing:2px;
	text-transform:uppercase;
	margin-top:5px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.zsound-footertext {
	position:absolute;
	left:0px;
	right:0px;
	width:100%;
	bottom:15px;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	line-height:1.2;
	letter-spacing:2px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.zsound-arrow-wrapper-outer {
	display:inline-block;
}

.zsound-arrow-wrapper-inner {
	width:50px;
	height:50px;

	display:flex;
	justify-content:center; /* x */
	align-items:center; /* y */

	border:3px solid #FFFFFF;
	 -webkit-border-radius: 50%;
		-moz-border-radius: 50%;
			 border-radius: 50% !important;

	 cursor:pointer;
	 background-color:transparent !important;
	 color:#FFFFFF !important;
	 text-decoration:none !important;
}

.zsound-arrow-wrapper-inner:focus,
.zsound-arrow-wrapper-inner:hover {
	color:var(--color-primary) !important;
	border-color:var(--color-primary);
	transition:.5s;
}

.zsound-play-btn {
	position:absolute;
	left:calc( 50% - 30px );
	top:calc( 50% - 30px );

	width:60px;
	height:60px;

	border:none;
	padding:0px;
	margin:0px;

	 -webkit-border-radius: 50%;
		-moz-border-radius: 50%;
			 border-radius: 50%;

	color:var(--color-primary-text);
	background-color:var(--color-primary);
}

.zsound-play-btn:hover,
.zsound-play-btn:focus {
	background-color:transparent !important;
}

.zsound-play-btn:hover img,
.zsound-play-btn:focus img {
	 -webkit-border-radius: 50% !important;
		-moz-border-radius: 50% !important;
			 border-radius: 50% !important;
	border:3px solid #FFFFFF;
}

.zsound-play-btn img {
	width:100%;
	height:auto;
}
.zsound-play-btn img.pause {
	display:none;
}

.zsound-arrow-wrapper-outer.slick-prev {
	margin-right:10px;
}