/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */
.wpcf7-response-output.wpcf7-mail-sent-ok {
    display: flex;
}
#top-menu li li a {
    padding: 6px 10px;
}
.wpcf7-response-output.wpcf7-validation-errors {
    display: flex;
}
.et_fullwidth_nav #main-header .container {
    width: 90%;
}
.cls_image_wrap img {
    height: 100px;
    width: auto;
}
.cls_image_wrap .et_pb_image {
    border: 1px solid #cbcbcb;
    padding: 5px;
}
#main-header .container {
    max-width: 1300px;
}
.cls-shadow .et_pb_column {
	transition: 0.2s all ease-in-out;
    box-shadow: 5px 5px 15px #D1D9E6, -5px -5px 15px #ffffff;
    background: linear-gradient(145deg,#d9e5f8,#ffffff);
    padding: 30px;
    border-radius: 20px;
}
.cls-shadow .et_pb_column:hover {
    background: #fff;
    box-shadow: 20px 20px 25px #D1D9E6, -5px -5px 15px #ffffff;
}
#top-menu a {
    color: #333;
    letter-spacing: 0.5px;
}
#top-menu li.current-menu-item>a {
    color: #2c4a9a;
}
.mobile_menu_bar:before {
    color: #2c4a9a;
}
.et_mobile_menu {
    border-top: 3px solid #2c4a9a;
}
.dsm_contact_form_7 .wpcf7-form-control.wpcf7-textarea {
    height: 180px;
}
.cls-logo img {
    height: 120px;
    width: auto;
}
/**********************respo*********************/
@media (max-width: 1200px){
#et_mobile_nav_menu {
    display: block;
}
#top-menu {
    display: none;
}

}
@media (min-width: 1200px){
li.current-menu-item a:before {
    border-bottom: 2px solid #2c4a9a;
    content: "";
    display: block;
    top: 34px;
    position: relative;
}

}
@media (min-width: 980px){
.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 45px;
}
.et_mobile_menu {
	left:auto;
    right: 0;
    width: 500px;
}
}
/**************Contact forme***************/
@media only screen and (min-width: 980px){
.col2 {
    width: 45%;
    float: left;
    margin: 0 2% 20px;
}
.col1 {
	width: 94%;
    float: left;
    margin: 0 2% 20px;
}
}
@media only screen and (max-width: 980px){
.col2 {
    margin: 0 1% 15px;
}
	.col1 {
    margin: 0 1% 15px;
}
.class-avicenne img {
    right: 8%;
}	
}
/***************lire plus**************/
 details{
  display:inline;
}
details {
  position:relative;
	top: 10px;
}
details summary {
	color: #444;
    display: block;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 600;
}
details summary:focus {
  outline:none;
}
details[open] {
  display:block;
  padding-bottom:25px;
  animation: open .2s linear;
}
details[open] summary {
  position:absolute;
  bottom: 0;
  left:0;
}
details[open] #close {
    position: relative;
    top: 15px;
    padding-bottom: 10px;
	
}
details #open{
	text-align:center;
}
details #open:after{
	display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 8px;
    content: '\f107';
    font-family: 'FontAwesome';
}
	details #close:after {
    display: inline-block;
    position: relative;
    top: 0px;
    margin-left: 10px;
    content: '\f107';
    font-family: 'FontAwesome';
    transform: rotate(180deg);
}
details[open] #open{display:none;}
details #close{display:none;}
details[open] #close{display:block;}
::-webkit-details-marker {display: none;}
@keyframes open {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
details[open] summary {
    width: 100%;
}
/**********Fin lire plus***********/