/*
Theme Name:  Quartier Libre Avocat
Theme URI:   https://quartierlibre-avocate.fr
Version:     2.1
Description: Un theme enfant personnalisé de divi concu spécialement pour le site web Média-Avocat.
Author:      YD Studio créatif & Informatique
Author URI:  https://ydinformatique.fr
Template:    Divi
*/

/*------------------------------[FONT ICONS]-----------------------------*/

.icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar {
	font-family: 'ETmodules';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #318EC3;
}
.icon_tags:before {
	content: "\e07c";
	padding: 0px 5px 0 0;
}
.icon_profile:before {
	content: "\e08a";
	padding: 0 5px 0 0;
}
.icon_chat:before {
	content: "\e066";
	padding: 0 5px 0 20px;
}
.icon_clipboard:before {
	content: "\e0e6";
	padding: 0 5px 0 20px;
}
.icon_calendar:before {
	content: "\e023";
	padding: 0 5px 0 20px;
}

/* Lien RGPD */
.lien_rgpd {
  text-decoration:underline;
}
.lien_rgpd:after {
  font-family:"ETmodules";
  content:'p';
  position:absolute;
  margin-left:3px;
  bottom:3px;
}

/*------------------------------------------------*/
/*----------------------[MENU]--------------------*/
/*------------------------------------------------*/

/* sous menu sur une ligne */
#top-menu li li a {
        width: auto;
        white-space: nowrap;
}

/*------------------ secondary menu --------------*/
/*-------------------  téléphone  ----------------*/
#et-info-phone:hover{
    opacity: .7;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

@media only screen and ( max-width: 400px ) {
    #et-info, #et-secondary-menu {
       text-align : left;
    }
    .container{
        width: 90%;
    }
}

/*
.et_menu_container {
    width: 95%;
}*/

#top-menu{
    text-align: center;
}

#et-top-navigation nav>ul>li#menu-item-32>a{
    border-radius:34px;
    background:#b5838d;
    padding: 20px 20px 20px 20px;
    color:white !important;
}

#page-container{
    padding-top:0px;
}

@media (min-width: 981px) {
    .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
        padding-top: 10px;
        padding-bottom: 10px; 
    }
}
@media only screen and ( min-width: 1024px ) and ( max-width: 1500px ) {
    #logo{
        max-height: 35% !important;
    }
    #et-top-navigation{
        padding-left:220px !important;
    }
}
@media only screen and ( min-width: 1024px ) and ( max-width: 1336px ) {
    #menu-item-32{
        padding-left: 400px;
        padding-bottom: 20px;
    }
}
@media only screen and ( min-width: 980px ) and ( max-width: 1024px ) {
    #logo{
        max-height: 25% !important;
    }
    #top-menu{
        font-size: 80%;
    }
    #et-top-navigation{
        padding-left:220px !important;
    }
    #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
    padding-bottom: 20px !important;
    }
    #menu-item-32{
        padding-left: 400px;
        padding-bottom: 20px;
    }
}


/*
.container{
    max-width: 1200px;
}

@media ( max-height: 50px ) {
    .et_header_style_left #et-top-navigation {
        padding: 25px 0 0 0 !important;
    }
    
    #et-top-navigation nav>ul>li#menu-item-32>a{
        border-radius:34px;
        background:#EBCFB2;
        padding: 25px 20px 25px 20px;
        color:white !important;
    }
}

@media ( min-height: 50px ){
.et_header_style_left #et-top-navigation {
    padding: 5px 0 0 0 !important;
}
#et-top-navigation nav>ul>li#menu-item-32>a{
    border-radius:34px;
    background:#EBCFB2;
    padding: 20px 20px 20px 20px;
    color:white !important;
}
}*/


/*------------------------------------------------*/
/*---------------------[ICONS]--------------------*/
/*------------------------------------------------*/
.ac-ic-plus{
   font-size: 80px !important; 
}


/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[SERVICES]-------------------*/
/*------------------------------------------------*/
.material-icons{
    font-size: 60px !important;
}


/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( min-width: 981px ) {

}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Portfolio]------------------*/
	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

@media screen and ( max-width: 782px ) {

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}