/* 
 Theme Name:   vvosa
 Theme URI:    
 Description:  
 Author:       vvosa
 Author URI:   
 Template:     Divi
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

#vvlogo{font-family: 'Lato', Arial, sans-serif !important; color: #fff; font-size: 36px; font-weight: bold;}

#special-header{background-color: #0058a2;display: flex;justify-content: space-around;flex-flow:wrap; min-height: 160px;}
#special-header .partner{flex:1;height:60px;}
#special-header .companylogo{height: 160px;}
#special-header .logo_container{flex:2;}

.mobile_menu_bar:before, .et_overlay:before {color: #fff !important;}
#footer-text {width:80%;margin:0 auto;text-align:center;color:#fff;padding-top:25px;}
#footer-text h2 {color:#fff !important;}

#et-info{width:100%;}
#open-hours{display:block;}

.et_pb_slide_description h2.et_pb_slide_title, .et_pb_bg_layout_dark .et_pb_slide_content, .et_pb_bg_layout_dark h1, .et_pb_bg_layout_dark h2, .et_pb_bg_layout_dark h3, .et_pb_bg_layout_dark h4, .et_pb_bg_layout_dark h5, .et_pb_bg_layout_dark h6, .et_pb_fullwidth_header_subhead {
background-color: rgba(0,0,0,0.4);
padding:10px;
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
color: #0058a2 !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover { 
background-color: #eee; 
border-color:#eee; 
padding: 6px 20px !important; 
}
#wrapper {
display:flex;
width: 100%;
flex-flow: wrap;
}
a.box {
display: block;
padding: 20px;
margin: 20px;
flex: 1;
flex-flow: wrap;
background-color: #0058a2;
color: #fff;
width: 300px;
min-width: 300px;
text-align:center;
}
a.box h3, a.box p {color:#fff;}
.footer-widget{display: flex;justify-content: center;}

@media only screen and (max-width: 479px) {
	#special-header{min-height: 100px;}
	#special-header .companylogo{height: 100px;}
}

@media only screen and (min-width: 700px) {
	#open-hours{float:right;}
}

@media only screen and ( max-width: 1024px ) {
	#special-header .partner{display:none;}
	#vvlogo{font-size:24px;}
}