/*
Theme Name: BECHER
Description: BECHER Child Theme from Enfold
Version: 1.0
Author: cloudhives.de
Author URI: https://www.cloudhives.de
Template: enfold
*/

#maintopslider .content{
	padding-bottom: 0px !important;
	vertical-align: bottom !important;
}


.sub-menu li a:hover {
	background-color: #f1f1f12b !important;
}

#eindruecke h3, #oeffnungszeiten h3, #speisekarte h3, #reservierung h3{
	font-size: 60px;
}

/*Add your own styles here:*/
	.main_menu a{
		font-size: 22px !important;
        letter-spacing: 1px;
	}

@media only screen and (max-width: 1162px) {
	
	.main_menu a{
		font-size: 16px !important;
        letter-spacing: 1px;
	}
}

@media only screen and (max-width: 700px) {
	.avia-caption-title {
		font-size: 50px !important;
	}
}

.av_slideshow .avia-caption {
    right: 17px;
    text-align: center;
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.avia-caption-title {
	font-size: 90px;
    text-shadow: 1px 1px black;
	background: transparent !important;
}



/*------------------------*/
/* CSS - Logo center split menu
/*------------------------*/

@media only screen and (min-width: 989px) {
/*In the below code nth-child(x) the value of x should be half the number of total menu items*/
#top #header .av-main-nav li:nth-child(3) {
  /* Adjust the width of the logo */
    margin-right:215px;
}
	
	#header_main{
		border-bottom-width: 0px !important;
	}
	


	.logo a, .logo a img, .logo{
		    width: 200px;
    height: 200px;
		margin-left: 6px;
	}	
	
#header .main_menu {
    /*background: gold;*/
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
}

#header .logo {
    left: 50%;
    transform: translateX(-50%);
    z-index:999;
}

#header .logo img {    
    top: 50%;
    transform: translateY(-50%);
    max-width: 200px;  
}
}