/*
Theme Name: Wad Child
Description: Child Theme pour le site Vision Art Music
Author: Zag
Author URI: https://www.agencewad.com
Template: wad
Version: 1.0.0
Text Domain:  Wad
*/

/* BASE */
.text-white {color:#fff;} .text-bw-1 {color:#1daeec;} .text-bw-2 {color:#a0ce4e;} .bloc-text {padding-bottom:14px;} .text-center {text-align:center;} .text-right {text-align:right;}
.text-9 {font-size:9px;} .text-10 {font-size:10px;} .text-11 {font-size:10px;} .text-12 {font-size:12px;} .text-13 {font-size:13px;} .text-14 {font-size:14px;} .text-15 {font-size:15px;} .text-16 {font-size:16px;} .text-18 {font-size:18px;} .text-21 {font-size:21px;} .text-24 {font-size:24px;} .text-32 {font-size:32px;} .text-400 {font-weight:400;} .text-500 {font-weight:500;} .text-600 {font-weight:600;} .text-700 {font-weight:700;}
.bloc-sep-10 {margin-bottom:10px;} .bloc-sep-15 {margin-bottom:15px;} .bloc-sep-20 {margin-bottom:20px;} .bloc-sep-25 {margin-bottom:25px;} .bloc-sep-30 {margin-bottom:30px;} .bloc-sep-40 {margin-bottom:40px;} .text-upp {text-transform: uppercase;} .border-right {border-right:1px solid #ffffff;}
.nested-half {width:48%; margin:0 1%; position:relative; float: left;} 
.nested-15 {width:13%; margin:0 1%; position:relative; float: left;}
.nested-85 {width:83%; margin:0 1%; position:relative; float: left;}

/* HEADER */

.page-id-7 #main-header, .page-id-7 #main-footer {display: none;}


.menu-order {background-color: #27b4e9; height:36px;  border-radius: 5px;}
.menu-order a{color:#ffffff!important; padding: 10px 20px 10px 20px;}



#menu-item-62 {font-size:1.2em!important; background-color: #009fc2; height:36px; width:190px; padding: 10px 10px 10px 20px; border-radius: 14px;}
#menu-item-62 a{color:#ffffff!important;}
#menu-item-62 i{margin-right: 10px;}

#logo {max-height:100%!important; margin-top:15px;}
.call-us-m i{color:#009fc2!important; font-size:1.4em!important; margin: 6px 15px 6px 5px;}
.cta-rdv {position: fixed; transform: rotate(-90deg); top: 40%; left: -65px; padding: 12px 30px; border-radius: 0 0 5px 5px; background-color: #009fc2; color: #ffffff; font-size: 16px; text-transform: uppercase; cursor: pointer; font-weight: 600; }
.cta-rdv:hover { background-color:#006e93; }
.sub-menu :hover { background-color: #fff !important;}
.et_fullwidth_nav #main-header .container { padding-right: 20px !important; padding-left: 20px !important;}
.header-contact {display: flex; align-items: center;}
.header-contact-bloc {padding-left: 50px; display: flex; align-items: center;}
.header-contact-text {color: #25292e;font-size: 12px; padding-top: 10px;}
.header-contact-link {font-size: 18px; padding-top: 20px;}
.header-tel-link {font-size: 18px; display: flex; align-items: center;}
.header-tel-link a {color:#000000!important; font-weight:600!important;}
.header-tel-link i {color:#1daeec!important;}

.header_contact {display: flex; margin: 0px 0px 0px auto; padding: 15px 0px;}

/* CSS refermer les sous-menus sur mobile */

#main-header .et_mobile_menu .menu-item-has-children > a { 
	position: relative; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-family: 'ETmodules';
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-size: 16px;
	content: '\4c';
	top: 13px;
	right: 10px; 
}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { 
	content: '\4d'; 
}
#main-header .et_mobile_menu ul.sub-menu { 
	display: none !important;
	visibility: hidden !important;
	transition: all 1.5s ease-in-out;
}
#main-header .et_mobile_menu .visible > ul.sub-menu { 
	display: block !important;
	visibility: visible !important; 
}



/*HOME*/

.home-list::before {font-family: 'ETModules'; content : "\4e"; margin-right: 5px; color:#27b4e9; font-weight:600;}


.bottom-menu-bloc {width:100%!important; display:flex; align-items:center; position: fixed; left:0px; bottom:0px; z-index:99999 !important; background-color: #009fc2; }	
.bottom-menu {width:25%!important; padding:10px 5px; text-align: center; font-size:8px; text-transform:uppercase; line-height:1.5em; color:#fff!important; }	
.bottom-menu a {color:#fff!important; }	



.vision-infos i{font-size:2em!important;}
.infos-bloc {float:left; width: 100%;}
.home-flex-container {margin:auto; position:relative; display:flex;}
.home-flex-bloc {margin:0 auto!important;display: flex; align-items: center;}
.home-flex {display: flex; align-items: center; margin:auto 20px;}

/* FOOTER */

#footer-info { float: none !important; text-align: center !important;}
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget { margin-bottom: 15%!important; width:100%;}
.footer-widget {margin-bottom: 0px!important;}
#footer-widgets .footer-widget a:hover{color:#1daeec;}
.footer-btn {background-color:#444444; padding:5px 20px; text-align: center; text-transform: uppercase; margin: 20px auto;}
#footer-info a {font-weight: 400!important;}


/* CONTACT APP */
div.content-form-full {height: auto; width: 100%; float: left; position: relative; margin: 0 0 15px 0;}
div.content-form-donnees {height: auto; font-size:10px; line-height:18px!important; width: 100%; float: left; position: relative; margin: 10px 0 10px 0; }
div.content-form-left {height: auto; width: 48%; float: left; position: relative; margin: 0 2% 15px 0;}
div.content-form-right {height: auto; width: 48%; float: left; position: relative; margin: 0 0 15px 2%;}
.wpcf7-form .wpcf7-mail-sent-ok {background-color: none !important; border: 1px solid #d5d5d5 !important; color: #666 !important;}

/* RESPONSIVE - MOBILE */
@media (min-width: 980px) {
	.home-header{height:70vh;}
	
}

@media (max-width: 980px) {
	#menu-item-62{display:none!important;}
	#logo {margin-top:0px;}
	.sub-menu :hover { background-color: #fff !important; width: 100%; color:#1daeec!important;}
	.menu-order{display:none!important;}
	
	
	

}

@media (max-width: 800px) {
	.header_contact {display: none;}
	
	#logo {max-height:60px!important;}
	#main-footer {display:none !important;}
	
	.et_header_style_centered #main-header {padding: 10px 0px 0px 0px !important;}
	.header_contact {display:none !important;}
	.header_container {display:block !important; height:70px !important;}
	.select_page {display:none !important;}
	.et_header_style_centered #main-header .mobile_nav {padding:0px !important;}
	.et_header_style_centered #et_mobile_nav_menu {margin-top:0px !important;}
	.et_header_style_centered .et_menu_container .mobile_menu_bar {right: 20px !important; top: -55px !important;}
	.et_header_style_centered .et_mobile_menu { top: 0px !important;}
	.et_mobile_menu {border-top: 0px !important; padding: 0px !important;}
	.et_mobile_menu li a {padding:20px 5% !important;}
	.et_header_style_centered #main-header .mobile_nav { text-align: center !important;}
	.et_mobile_menu li a:hover {color:#fff; background-color:#1daeec; }


}
@media (max-width: 550px) {
    div.content-form-full {height: auto; width: 100%; float: left; position: relative; margin: 0 0 15px 0;}
    div.content-form-left {height: auto; width: 100%; float: left; position: relative; margin: 0 0 15px 0;}
    div.content-form-right {height: auto; width: 100%; float: left; position: relative; margin: 0 0 15px 0;}
}


/*FORM*/

.infos-checkbox{margin-bottom:0px!important; font-size:14px!important;}
form.fluent_form_1 .ff-btn-submit { background-color:#000000!important; color: #ffffff!important;}