/*
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 will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/
.av-logo-container{
	padding: 0px 10px;
}
.av-logo-container .inner-container{
	display: flex;
    justify-content: space-between;
	align-items: center;
}

div .logo {
	float: unset;
    position: unset;
    left: unset;
	order: 1;
}

#top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks {
    position: unset;
    right: unset;
	top: unset;
    margin-top: 0;
	order: 6;
}

.headinfo1{
	order: 2;
    line-height: 22px;
    font-size: 15px;	
}
.headinfo2{
	order: 3;
	line-height: 22px;
	font-size: 16px;
}
.headinfo2 p, .headinfo3 p{
    margin: 8px;
    align-items: center;
    display: flex;
	white-space: nowrap;
}
.headinfo2 a, .headinfo3 a{
	color: #333;
}
.headinfo2 img, .headinfo3 img{
	margin-right: 6px;
}
.headinfo3{
	order: 4;
	line-height: 22px;
	font-size: 16px;	
	
}
.headinfo4{
	order: 5;
	line-height: 16px;
	font-size: 16px;		
}
.headinfo4 img{
	margin-right: 10px;
}
.headinfo4 p{
    margin: 0px;
    align-items: center;
    display: flex;
	
}
.headinfo4 .callme{
	border-bottom: 1px dashed #f16f29;
    text-decoration: none;
    font-size: 15px;
    color: #333;
}
.headinfo4 .callme:hover{
	border-bottom: 1px dashed #333;
    color: #f16f29;
}
.header-scrolled .headinfo1, .header-scrolled .headinfo2, .header-scrolled .callme, .header-scrolled .social_bookmarks {
	display:none;
}
.header-scrolled .headinfo3{
	display:flex;
}
@media only screen and (max-width: 1070px) {
	.headinfo1{display:none;}
}
@media only screen and (max-width: 989px) {
	#header .social_bookmarks{display:none!important;}
	#header .avia-menu{border: 0!important;padding: 0!important;}
	#header .main_menu{top: unset!important;right: unset!important;left: unset!important;order: 8;position: unset!important;}
}
@media only screen and (max-width: 907px) {
	.headinfo2{display:none;}
}
@media only screen and (max-width: 767px){
	.responsive #top .logo {
		width: auto!important;
	}
	.responsive #top #wrap_all .container {
		width: 95%!important;
		max-width: 95%!important;
	}
}
@media only screen and (max-width: 655px){
	.headtime, .headinfo3 img, .headinfo4 {display:none!important;}
	.headmessmob, .headmessmob img{display:flex!important;justify-content: center;}
	.headmessmob, .headphone{margin: 0!important;}
}