daf #wrapper #main
50px/*
Theme Name: DANCE ACADEMY FREIBURG
Description: Child theme for Avada theme for http://www.lasalsa-freiburg.de
Author: Marc Troendle
Author URI: http://marctroendle.de
Template: Avada
Version: 1.0.0
Text Domain: Avada
*/

/* Resets */
.daf #wrapper .post-content p {
    margin-bottom: 1em;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-size: 0.5em;
	display: block;
}

.daf #wrapper .text-shadow p,
.daf #wrapper .text-shadow span,
.daf #wrapper .text-shadow li,
.daf #wrapper .text-shadow i {
	text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
}

.daf #wrapper .fusion_builder_column_1_1 h1[style*="text-align: center"],
.daf #wrapper .fusion_builder_column_1_1 h2[style*="text-align: center"],
.daf #wrapper .fusion_builder_column_1_1 h3[style*="text-align: center"],
.daf #wrapper .fusion_builder_column_1_1 h4[style*="text-align: center"],
.daf #wrapper .fusion_builder_column_1_1 p[style*="text-align: center"] {
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

a { outline: none !important;}

input.email,
#mc_embed_signup #mc-embedded-subscribe { 
	width: 100%;
}

.daf #wrapper .hidden { 
	display: none;
	visibility: hidden;
}

.daf #wrapper .fusion-pricing-table * { 
	cursor: default; 
	pointer-events: none;
}

.daf #wrapper .price .integer-part {
    display: block;
}

.daf #wrapper .gallery img {
    border: 3px solid transparent;
}

.daf #wrapper .gallery img:hover {
    border: 3px solid #3cdae4;
}

.daf #wrapper .flip-box-front,
.daf #wrapper .flip-box-image,
.daf #wrapper .flip-box-image img {
	width: 100%;
	max-width: 100%;
	height: auto;
	padding: 0;
	margin: 0; 
}

.tsg-more {
	float: right;
	padding: 0 0 10px;
	display: block;
}

.daf #wrapper .fusion-secondary-header {
	border-top: none;
}

.daf #wrapper .closer {
	word-spacing: -0.25em !important;  
}


/* Logo */
.daf #wrapper .fusion-logo {
	max-width: 50%;
}


/* Menu  */
.daf #wrapper .fusion-header-wrapper.fusion-is-sticky {
	z-index: 50 !important;
}

.daf #wrapper .fusion-mobile-menu-icons {
	margin-top: 0px;
}

.daf #wrapper .fusion-main-menu a,
.daf #wrapper #mobile-menu-main-menu a {
    text-transform: uppercase;
    text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
}

.daf #wrapper .fusion-main-menu > ul > li.current-menu-ancestor > a,
.daf #wrapper .fusion-main-menu > ul > li.current-menu-item > a,
.daf #wrapper .fusion-main-menu > ul > li.current-menu-parent > a,
.daf #wrapper .fusion-main-menu > ul > li.current_page_item > a {
    background: none;
}

.daf #wrapper .fusion-main-menu > ul > li.current-menu-item:hover {
    background: rgba(0,0,0,0.75);
}

@media only screen and (max-width: 1100px) {
	.daf .fusion-mobile-menu-design-modern .fusion-secondary-header {
		background: #1e2123;
	}
}


/* Password Page */
.daf #wrapper .post-password-required {
	max-width: 480px;
	margin: 250px auto;
}

.daf #wrapper .post-password-required .fusion-button {
	margin-top: 15px;
}


/* Slant Candy Layout */
.daf #wrapper .slantCandy {
	height: 40px !important;
	position: static;
	z-index: 10;
}

.daf #wrapper .first-separator .slantCandy {
	margin-top: -37px !important;
	margin-bottom: 0px !important;
}

.daf #wrapper .XXXlast-separator .fusion-column-wrapper {
	margin-top: -32px;
}

.daf #wrapper .XXXlast-separator .slantCandy {
	margin-bottom: -43px !important;
	margin-top: 0px !important;
}

@media only screen and (max-width: 600px) {
	.daf #wrapper .fusion-fullwidth[style*="padding-top:100px"] {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
}

@media only screen and (max-width: 1200px) {
	.daf #wrapper .fusion-fullwidth[style*="padding-top:100px;"] {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
}

@media only screen and (min-width: 600px) {
	.daf #wrapper .slantCandy { height: 80px !important; }
	.daf #wrapper .first-separator .slantCandy { margin-top: -77px !important; }
	.daf #wrapper .XXXlast-separator .slantCandy { margin-bottom: -83px !important; }
}

@media only screen and (min-width: 1200px) {
	.daf #wrapper .slantCandy { height: 120px !important; }
	.daf #wrapper .first-separator .slantCandy { margin-top: -117px !important; }
	.daf #wrapper .XXXlast-separator .slantCandy { margin-bottom: -130px !important; }
}


/* Slider */
#sliders-container .fusion-title h2,
#sliders-container .fusion-title h3 { 
	line-height: 1.5em !important;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.8);000;
}


/* DAF Header */
.daf #wrapper .daf-header-one {
	margin: 0 auto 10px;
	font-size: 72px;
	line-height: 1.15;
	color: #FFF;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif;
	font-weight: 700;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.8);
}

.daf #wrapper .daf-header-two {
	margin: 0 auto 10px;
	font-size: 40px;
	line-height: 1.15;
	color: #FFF;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif;
	font-weight: 200;
	letter-spacing: 1px;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.8);
}

.daf #wrapper .daf-header-three {
	margin: 0 auto 10px;
	font-size: 32px;
	line-height: 1.15;
	color: #FFF;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif;
	font-weight: 700;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.8);
}

@media only screen and (min-width: 600px) {
	.daf #wrapper .daf-header-three { font-size: 40px; }
}

@media only screen and (min-width: 1200px) {
	.daf #wrapper .daf-header-three { font-size: 48px; }
}

.daf #wrapper .daf-header-four {
	margin: 0 auto 10px;
	font-size: 20px;
	line-height: 1.15;
	color: #FFF;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif;
	font-weight: 200;
	letter-spacing: 1px;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.8);
}

@media only screen and (min-width: 600px) {
	.daf #wrapper .daf-header-four { font-size: 24px; }
}

@media only screen and (min-width: 1200px) {
	.daf #wrapper .daf-header-four { font-size: 32px; }
}


/* Skew Elements */
.daf #wrapper .skew-element {
    -moz-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(-4deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(-4deg) skewY(0deg);
	-o-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(-4deg) skewY(0deg);
	-ms-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(-4deg) skewY(0deg);
	transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(-4deg) skewY(0deg);
}


/* Instagram Widget 
 * LINK: https://de.wordpress.org/plugins/wp-instagram-widget */
#wrapper .instagram-pics.instagram-size-thumbnail li {
	float: left;
	width: 32.33%;
	padding: 0;
	margin: 0 1% 1% 0
}


/* Footer */
.daf #wrapper .fusion-footer .widget p,
.daf #wrapper .fusion-footer .widget a {
    font-size: 14px;
}

.daf #wrapper .fusion-footer .widget_nav_menu li {
    padding: 3px 10px;
}

#sidebar .post-date,
.fusion-footer .post-date { 
	font-size: 0.8em;
	display: block;
}


/* TEAM */
.daf #wrapper #daf-team .person-name {
	font-size: 30px;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif;
	font-weight: 700;
	word-spacing: 4444px; 
}

.daf #wrapper #daf-team .person-content {
	min-height: 4em;
	margin: 1em auto 0;
	font-size: 20px;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif;
	font-weight: 200;
	line-height: 1.25;
}

.daf #wrapper #daf-team .fusion-social-network-icon {
	font-size: 30px !important;
}


/* EventOn */
.daf #wrapper .ajde_evcal_calendar p {
    margin-bottom: 0;
}

.daf #wrapper .evo_page_body,
.daf #wrapper .eventon_list_event {
	width: 100%;
    max-width: 100%;
}

.single-ajde_events .daf #wrapper #main{
	padding: 0 !important;
}

.daf #wrapper .single-ajde_events .eventon_list_event.event {
	width: 100% !important;
}

.daf #wrapper .eventon_events_list .eventon_list_event .evcal_desc .evcal_desc_info em,
.daf #wrapper .evo_pop_body .evcal_desc .evcal_desc_info,
.daf #wrapper .evcal_desc .evcal_desc3 em,
.daf #wrapper .evcal_desc .evcal_desc3 em i,
.daf #wrapper #evcal_list .eventon_list_event em {
	font-size: 14px;
	opacity: 1.0;
	font-style: normal;
	color: #888;
}

.daf #wrapper h3.evo_h3 {
	margin-bottom: 5px;
}

.daf #wrapper .evo_custom_content img {
	max-width: 100%;
	margin: 0 auto 5px;
}

.daf #wrapper #evcal_list .evcal_btn {
	background: #3cdae4;
}


/* Buttons */
.daf #wrapper .fusion-button.button-red,
.daf #wrapper .fusion-button.button-green {
	color: #3cdae4;
	background: rgba(0,0,0,0);
	border: 2px solid #3cdae4;
}

.daf #wrapper .fusion-button.button-red:hover,
.daf #wrapper .fusion-button.button-green:hover {
	color: #fff !important;
	background: #3cdae4;
	border: 2px solid #3cdae4;
}


/* STUNDENPLAN */
body.wcs_modal--opened > :not(#wcs-vue-modal):not(.wcs-vue-modal),
body.wcs_modal--opened::before,
body.wcs_modal--opened::after {
	-webkit-filter: none !important;
	filter: none !important;
}

.daf #wrapper .wcs-timetable h3.wcs-day__title {
    color: rgba(0,0,0,0.95) !important;
    font-weight: 700;
    text-transform: uppercase;
}

.daf #wrapper .wcs-timetable__week #stundenplan-date {
	text-align: right;
}

.daf #wrapper .wcs-timetable__week #stundenplan-neuerkurs {
	float: left;
	position: absolute;
	left: 15px;
	right: auto;
	color: #b49040;
	font-weight: bold;
	opacity: 1.0 !important;
}

.daf #wrapper .wcs-timetable__week .wcs-class--canceled::before {
	content: 'TANZFERIEN';
	position: absolute;
	top: auto;
	bottom: 0px;
	left: auto;
	right: 0px;
	z-index: 99999;
	width: 95%;
	height: 20px;
	background: rgba(208,156,86,0.4);
	padding: 5px 2.5%;
	color: #333;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	opacity: 1.0;
	border: none;
	text-shadow: none;
}

.daf .wcs-modal--light {
    background: rgba(0,0,0,0.5);
}

.daf .wcs-modal__content {
	background: #25292B;
	color: #aaa9a9;
	color: #999;
}

/* RESPONSIVE VIDEOS */
.video-wrap {
	width: 100% !important;
	max-width: 1280px !important;
	position: relative;
	height: 0;
	padding-bottom: 52%;
	margin: 2em auto;
	/* 16:9 FORMAT => 56.25% */
	/* 4:3 FORMAT => 75% */
}

.video-wrap iframe,
.video-wrap embed {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
}

/* Fallback Background Video on Mobile */
@media only screen and (max-width: 600px) {
	.daf #wrapper .video-background div iframe { 
		display: none;
		visibility: hidden;
	}
	.daf #wrapper .fusion-bg-parallax {
		background-size: 100% auto;
	}
}