/*
 Theme Name:     Enfold Child
 Theme URI:      http://www.kriesi.at/themes/enfold/
 Description:    Enfold Child Theme
 Author:         LITECODE
 Author URI:     http://www.litecode.de
 Template:       enfold
 Version:        1.3.0
*/

@import url("../enfold/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
/*#footer .container,
#socket .container {max-width: 100%;}*/
#logo-aktion {display:none;}
span.logo {display:block;}
.av_minimal_header #header_main,
.av_minimal_header #header_meta{background:none!important;}
.header_bg {background:none!important;}

@media only screen and (min-width: 1200px) {
	#logo-aktion{position:fixed; left:70px; top:70px; z-index:999; display:block;}
	span.logo {display:none;}
}

@media only screen and (min-width: 769px) and  (max-width: 1199px){
	#logo-aktion{position:fixed; left:40px; top:40px; z-index:999; display:block;}
	#logo-aktion img{width:130px;}
	span.logo {display:none;}
}



#footer {font-size:14px; line-height:20px;}
.main_menu li a {text-transform:uppercase;}
.slideshow_caption{width:100%;}

#top .avia-slideshow-button.avia-color-light {
    background: none;
	background-color: rgba(0, 0, 0, 0);
    padding: 0px;
	border:0px solid #FFF;
	border-radius:0px;
	font-weight:normal;
	text-transform: none;
	margin-top:0px;
	font-size:20px;
}
#top .avia-slideshow-button.avia-color-light:before{content:"> ";}
#aktion.av-special-heading-h1{margin-top: 15px;}
#aktion .av-special-heading {margin-top: 20px;}
#box-aktion-2 .av-subheading{color: #000;}

#box-stoerer {margin-top:-180px;}
@media only screen and (min-width: 990px){
	#tipps {margin-top:-150px;}
}
#box-gitarre {margin-top:-100px; }
@media only screen and (min-width: 769px) and  (max-width: 959px){
	.slideshow_caption{padding-left:28%;}
}
@media only screen and (min-width: 960px){
.slideshow_caption{padding-left:28%;}
}

	/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
.responsive #top .slideshow_caption h2 {
    font-size: 27px!important;
}
}