/*
Theme Name: Total Child
Theme URI: http://totalwptheme.com
Description: Total WordPress theme example child theme.
Author: AJ Clarke
Author URI: http://totalwptheme.com
Template: Total
Version: 2.1
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.forminator-checkbox-label,
.forminator-checkbox__label {color: #fff;}



/*SLIDER PRO HOME HERO FULL HEIGHT - also sth in total.js*/
/*.vcex-module.wpex-slider.slider-pro.fs-slider ---- sp-mask ---- wpex-slider-media*/
/*only on home with fs-slider class*/

.home .slider-pro.fs-sliderx .wpex-slider-preloaderimg img, 
.home .slider-pro.fs-sliderx .wpex-slider-media img {
	height: 100vh !important; 
	/*calc(100vh - 105px);*/
	object-fit: cover;
}
.home .slider-pro.fs-sliderx .sp-mask {
	height: 100vh !important; 
	/* calc(100vh - 105px) !important; */
}

/*
.vcex-module.wpex-slider.slider-pro.fs-sliderx {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}


/ * CENTER BUT NOT FULL HEIGHT * /
.vcex-module.wpex-slider.slider-pro.fs-sliderx {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
*/


/*WHEN NOT FULL HEIGHT HIDE BULLETS ON MOBILE*/
@media only screen and (max-width: 767px) {
	.home .fs-sliderx .sp-buttons {
		display:none;
	}
}



/*ARROWS
.wpex-slider .sp-arrow, .owl-prev,  .owl-next,
.fancybox-button--arrow_right, .fancybox-button--arrow_left{
	height: 150px !important;
	width: 80px !important;
}
.sp-horizontal .sp-arrows {
	margin-top: -80px !important;
}
.wpex-slider .sp-arrow:hover, .owl-prev:hover, .owl-next:hover,
.fancybox-button--arrow_right:hover, .fancybox-button--arrow_left:hover {
	opacity: 0.5 !important;
}	
.wpex-slider.sp-horizontal .sp-previous-arrow, .owl-prev,
.fancybox-button--arrow_left {
	left: 10px !important;
	background: url("https://www.altonaer-singakademie.de/wp-content/uploads/2019/10/arrow_left.png") center no-repeat !important;
	background-size: 40% 40% !important;
}
.wpex-slider .sp-arrow.sp-previous-arrow:before, .owl-prev span, .owl-next span {
	display: none;
}
.wpex-slider.sp-horizontal .sp-next-arrow, .owl-next,
.fancybox-button--arrow_right {
	right: 10px !important;
	background: url("https://www.altonaer-singakademie.de/wp-content/uploads/2019/10/arrow_right.png") center no-repeat !important;
	background-size: 40% 40% !important;
}
.wpex-slider .sp-arrow.sp-next-arrow:before {
	display: none;
}
*/


/*SLIDER TEXT*/
.wpex-slider-caption.sp-white {
	background: none !important;
}
.vcex-image-banner {
	background: none !important;
	overflow: visible;
}

/*BUTTON*/
.wpex-slider-caption.sp-white .vcex-ib-caption {
	top: 30px;
	letter-spacing: 1px;
	line-height: 20px;
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	padding: 15px 65px;
	border: 2px solid white;
	font-size: 18px;
	width: auto;
	max-width: 350px;
	margin: 0 auto;
}
.wpex-slider-caption.sp-white .vcex-ib-caption:before {
	background-color: #fff;
	content: "";
	display: inline-block;
	height: 2px;
	position: absolute;
	vertical-align: middle;
	width: 70px;
	top: 50%;
	left: -70px;
}
.wpex-slider-caption.sp-white .vcex-ib-caption:after {
	background-color: #fff;
	content: "";
	display: inline-block;
	height: 2px;
	position: absolute;
	vertical-align: middle;
	width: 70px;
	top: 50%;
	right: -70px;
}
/*TITLE*/
.wpex-slider-caption.sp-white .vcex-ib-title {
	font-size: 40px;
	line-height: 50px;
	letter-spacing: 1px;
	color: #fff;
	
	overflow-wrap: break-word;
    white-space: normal;
}
.wpex-slider .sp-white a {
	text-decoration: none;
	color: #fff;
}




/*CAROUSEL ARROWS

.wpex-slider .sp-arrow {
	font-size: 4em !important;
	background: transparent !important;
	padding: 40px;
}

.wpex-carousel__arrow-icon svg,
.wpex-carousel__arrow-icon.wpex-icon,
.wpex-carousel__arrow svg {
    display: none;
}
.wpex-carousel__arrow:where(:not(.theme-button)) {
    background-color: transparent !important;
}
.owl-prev .wpex-carousel__arrow-icon:before,
.wpex-carousel__arrow--prev:before {
    font-family: 'enym' !important;
    content: "\e909" !important;
    color: var(--wpex-accent) !important;
    font-size: 60px;
	position: relative;
}
.owl-next .wpex-carousel__arrow-icon:before,
.wpex-carousel__arrow--next:before {
    font-family: 'enym' !important;
    content: "\e90a" !important;
    color: var(--wpex-accent) !important;
	font-size: 60px;
	position: relative;
}
@media only screen and (min-width: 1024px){
	.owl-prev .wpex-carousel__arrow-icon:before,
	.wpex-carousel__arrow--prev:before {
		left: -80px;
	}
	.owl-next .wpex-carousel__arrow-icon:before,
	.wpex-carousel__arrow--next:before {
		right: -80px;
	}
}*/