/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/


/* SGV */

/*Achtung: Weitere CSS im Custom-CSS-Bereich des Customizers: Layout der Kalenderelemente */

/*  Header Menue */
@media screen and (max-width: 767px) {
	#avia2-menu { padding-top: 12px !important; }
}

/* oberstes Header-Menue breiter*/
#top #wrap_all #header_meta {
	min-height: 50px;
}
/* oberstes Headermenue Schriften groesser */
#header_meta a, #header_meta span { 
	font-size:20px !important; 
} 
/* oberstes Headermenue Schriften nach unten */
#top .sub_menu>ul {
	margin-top: 10px;
}

/* AB: Burger Menue   -  FH kommt schneller */
@media only screen and (max-width: 1024px) and (min-width: 768px) { 
	.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item { 
		display: none; 
	} 
	.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special { 
		display: block; 
	} 
} 

/* AB: Footer Umbruch einspaltig*/
@media only screen and (max-width: 1024px) {
	#footer .flex_column { 
		width: 100% !important; 
		margin-left: 0 !important; 
	}
}

/* Beitragsbilder nicht in Lightbox öffnen */
.single .big-preview.single-big {
	pointer-events: none!important;
}

/** FH: Mitmachen-Button-Link Schrift Weiss statt gruen, wenn Untermenue */
/* nicht mehr benoetigt wegen Verwendung Magamenu */
/*
#menu-item-119 .avia-menu-text:not(.sub-menu) {
		color: #ffffff !important;
}
#menu-item-119 .sub-menu .avia-menu-text  {
		color: rgb(128, 128, 128) !important;
}
*/

/* END AB ------------------------------- */



/* FH: Reiter schmaler auf Handies (Bildgroesse und Schriftgroesse */
@media screen and (max-width: 640px) {
	.av-inner-tab-title {
		font-size: 11px !important;
	}
	.av-tab-section-image, .av-inner-tab-title, .av-tab-arrow-container {
	   width: 60px; 
	}
	.av-section-tab-title {
		padding: 5px 5px 0px 5px !important;
		
	}
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	.av-inner-tab-title {
	   font-size: 15px !important;
	}
	.av-tab-section-image, .av-inner-tab-title, .av-tab-arrow-container {
	   width: 100px; 
	}
	.av-section-tab-title {
		padding: 10px 40px 0px 40px !important; 
	}
}
@media screen and (min-width: 1025px) {
	.av-inner-tab-title {
	   font-size: 18px !important;
	   align: center !important;
	}
	.av-tab-section-image, .av-inner-tab-title, .av-tab-arrow-container {
		width: 180px;
	}
	/*Padding der Reiterkaesten*/
	.av-section-tab-title {
		padding: 10px 40px 0px 40px !important; 
	}

}
/*   END FH ------------------------*/



/* SD für Google-Karte  */
#inner {
	width: 80%;
	margin: 0 auto;
}
#map {
	width: 100%;
	height: 600px;
}
#mapfullwidth .container { 
	max-width: 100% !important; 
	width: 100% !important;
	padding: 0; 
	margin: 0; 
	margin-top: -5% !important;
}
@media screen and (max-width: 480px) {
	#mapfullwidth .container {
		margin-top: -20% !important;		
	}
	#map {
		height: 100vh;
	}
}
.slabel {	
  color: white;  
	background-color: #63B550;
	padding: 6px;	
	position: absolute;
	margin-top: 3%;
	margin-left: 2.6%;
	size: fixed;
	display: inline-block;
	text-align: center;
	width: 25.3%;
}
.buttonmargin {
	padding-top: 3%;
	margin-bottom: 3%;
}

.width100 {
	width: 100%;		
}

.slidecontainer {
	margin-top: 5%;
  width: 72%;	
	display: inline-block;	
	/* Width of the outside container */
}

@media screen and (min-width: 480px) {
	.slabel {
		margin-top: 1.1%;		
	}
	.slidecontainer {
		margin-top: 2%;
	}
}

@media screen and (min-width: 990px) {
	.slabel {
		margin-top: 1.4%;
		width: 10%;
	}
	.slidecontainer {
		width: 87.5%;	
	}
	.buttonmargin {
	padding-top: 1%;
}
}
/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #63B550; /* Green background */
  cursor: pointer; /* Cursor on hover */

}
.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #63B550; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

/* END SD ----------------------------------  */


/* TODO WIRKUNGSLOS ??? ----------------------------- */
/* menu-item-8211 ist nicht vorhanden */
/*
#top #wrap_all .header_color #menu-item-8211.av-menu-button-colored > a .avia-menu-text {
	background-color: #2f9f47;
}

#top .portfolio-preview-image .avia-gallery .avia-gallery-big { 
	pointer-events: none !important; 
} 
*/