/*
Theme Name: La Clinique MC
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Child theme for the Divi theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.0.0
*/

/* =Theme customizations
——————————————————- */

/* Logo Container */
.le-logo {
    text-align:left;
	margin:10px 20px; 
	position: relative;
}
.unlogo{
    position: absolute;
	left:0;
	top:20px;
	width:80%;
}
.unlogo img{
	width:175px;
}

/* Text à droite */
.contacttext{
    position: absolute;
	right:0;
	top:20px;
	text-align: right;
}
@media (max-width: 978px) {
	.contacttext,
	.select_page{
		display: none !important;
	}
	.et_header_style_centered #et_mobile_nav_menu {
		float:inherit!important;
		position:relative!important;
		margin-top: 00px;
	}
	.et_header_style_centered #main-header .mobile_nav {
		background:none !important;
	}	
}
.contacttext a.boutton{
	margin-top:10px;
	font-size:14px;
	padding:10px 20px;
	letter-spacing:1px;	
	color:#ffffff;
	background:#f18cb4;
}
.contacttext a.boutton:hover{
	color:#ffffff;
	background:#376d85;
}
.contacttext h2{
	margin-top:5px;
	margin-bottom:10px;
	color:#ef5f9c;
	font-size:16px;
	font-weight:bold;	
	text-transform: uppercase;
}
.fa-facebook-f,
.fa-instagram{
	color:#a91d4e;	
	border:solid #a91d4e 2px;
	font-size:20px;
	margin-right:10px;
	padding:5px;
	width:35px;
	height:35px;
	text-align: center;
	border-radius: 25px;
}
.fa-facebook-f:hover,
.fa-instagram:hover{
	color:#449294;
	border:solid #449294 2px;
}

/* Menu */
#et-top-navigation {
	padding:15px 0 15px 0 !important;
	height:55px!important;	
}
#et-top-navigation li{
	padding-right:25px!important;	
}
#et-top-navigation li a{
	margin:0px!important;
	padding:0px 0px 5px 0px!important;
	font-size:16px;
}
#et-top-navigation li a:active, 
#et-top-navigation li a:hover,
.current_page_item a{
	border-bottom: solid 1px #ffffff;
	color:#a91d4e;
	opacity:1 !important;	
}
#et-secondary-nav .menu-item-has-children > a:first-child::after, 
#top-menu .menu-item-has-children > a:first-child::after {
    right:-15px;
}

/* Largeur des sous-menu */
.nav li ul,
.nav li ul li{
    width:375px;
}
#top-menu li li a {
    width:355px;
} 

#a-propos .et_pb_row_0 {
    width:100% !important;
    max-width:100% !important;	
}
#et-info {
    float: right!important;
}

/* Formulaire */

.et_pb_contact p input, 
.et_pb_contact p textarea, 
.et_pb_subscribe .et_pb_contact_field input, 
.et_pb_subscribe .et_pb_contact_field textarea,
.et_pb_contact_select{
    padding:6px;
}