/*
 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
------------------------------------------------------- */
 /***************lire plus**************/
    details {
        display: inline;
        position: relative;
    }

    details summary {
        color: #333;
        display: block;
        cursor: pointer;
        font-size: 16px !important;
        font-weight: 700;
        padding-top: 10px;
    }

    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: 10px;
		left:220%;
    }

@media screen and  (min-width: 320px) and (max-width: 480px) {
    details[open] #close {
        left: 150% !important; 
    }
}

@media screen and (min-width: 481px) and (max-width: 780px) {
    details[open] #close {
        left: 300% !important; 
    }
}


@media screen  and (min-width: 781px) and (max-width: 1024px) {
    details[open] #close {
        left: 120% !important ; 
    }
}

@media screen  and (min-width: 1025px) and (max-width: 1440px) {
    details[open] #close {
        left:180% !important; 
    }
}

@media screen  and (min-width: 1441px) and (max-width: 2560px) {
    details[open] #close {
        left:260% !important; 
    }
}
    details #open {
        padding-left: 5px;
        text-align: center;
    }

    details #open:after {
        display: inline-block;
        position: relative;
        top: 1px;
        margin-left: 8px;
        font-family: 'ETmodules';
        content: "3";
    }

    details #close:after {
        display: inline-block;
        position: relative;
        top: 0px;
        margin-left: 10px;
        font-family: 'ETmodules';
        content: "3";
        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);
        }
    }
    /*Fin lire plus*/


li.cls-btn a {
    background-color: #ffb4b1;
	border-radius:50px;
	border:2px;
	border-color:#ffd7d5;
    padding: 16px 16px 16px 16px !important;
    color: black !important;
    text-align: center;
}
.et_header_style_left .et-fixed-header #et-top-navigation nav#top-menu-nav {
    margin-top: -5px;
    margin-bottom: 5px;
}
.mobile_menu_bar:before {
    color: #ffb4b1 !important;
}
.et_mobile_menu{
	border-top: 2px solid #ffb4b1 !important;
}
.et_mobile_menu .cls-btn a:hover{
	background-color:#ffb4b1;
}