/*
 Theme Name: Theme enfant DIVI
 Theme URI: https://www.peal-solutions.com/
 Description: Theme enfant
 Author: PEAL SOLUTIONS
 Author URI: https://peal-solutions.com
 Template: Divi
 Version: 1.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Add your custom styles below */
.fa-phone{color:#b6863d}
.fa-map-marker-alt{color:#b6863d}

/**changement logo*/
.et-fixed-header #logo {
content: url(https://www.propriete-expertise.com/wp-content/uploads/2019/09/logo-pe-small.jpg)!important;
}

/**avis verifies**/
.opinion iframe span{color:black!important;}

/**viewer pdf**/
div.pdfemb-viewer{border:0!important;}
div.pdfemb-toolbar-hover{display:block!important;}

/**inverser ordre colonne**/
@media only screen and (max-width : 980px) {
  .dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

/**menu principal**/
/*ul#top-menu li.menu-item:not(:last-child) {
padding-right: 5vw !important;
}*/
#menu-item-1681, #menu-item-1683, #menu-item-1679, #menu-item-1677, #menu-item-1675, #menu-item-1409{padding-right: 3vw !important;}
#et_top_search {
margin-left: 5vw !important;
}
.sub-menu .menu-item{
padding-right: 0vw !important;
}
#et-top-navigation{padding-left:5vh!important;padding-right:5vh!important;}

.mobile_menu_bar:before{color:white!important;}
#main-header .et_menu_container{padding-left:0!important;}
.white{color:white!important;}
.bleufonce{color:#212842!important;}
#et-secondary-nav li.marron a{color:#b6863d!important;}
#et-secondary-nav li.jaune a{color:#f3e233!important;padding-top:10px;}
/* Divi secondary menu customisations*/
.space{padding-top:3px;}
.avis a{padding-top: 3px!important;}
@media (min-width: 980px) {
#top-header .container {padding: 0 !important;}
#et-secondary-menu {float: none;}
#et-secondary-nav li {margin-right: 0;}
#et-secondary-nav li a {padding: 0.75em 1em;}
#et-secondary-nav {width: 100%;text-align: right;}
/* Add the class'left' to any menu item to float it to the left of the menu */
#et-secondary-nav li.left {float: left;}
	#et-secondary-nav li.right {float: right;}
/* Add the class 'facebook' to any menu item to give it Facebook's background colour */
#et-secondary-nav li.devis {background: #b6863d;padding-top: 0!important;}
/* Add the class 'twitter' to any menu item to give it Twitter's background colour */
#et-secondary-nav li.linkedin {background: transparent;}
	#et-secondary-nav li.linkedin a{padding-top: 0!important;}	
/* Add the class 'instagram' to any menu item to give it Instagram's background colour */
#et-secondary-nav li.actus {background: #47c1ff;margin-right:-3px;}
/* Add the class 'cta' to any menu item to turn it into a Call to Action button */
#et-secondary-nav li.cta {padding-top:10px;}
}

/*bouton header alignés*/
@media only screen and (max-width: 480px) {
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
margin-left: 0;
}
}
/***hamburger menu***/
@media only screen and (max-width: 1300px) and (min-width: 961px) {
#et_mobile_nav_menu {
display: block;
}
#top-menu {
display: none;
}
}
.mobile_menu_bar:before{color:black!important;}
/*menu mobile*/
.et_mobile_menu {border-top:3px solid #ffa946;}

/***cacher elements stretch mobile***/
#main-content {
overflow: hidden; 
}

/****bouton more du blog****/
.elegantdesign a.more-link {
    font-size: 14px;
    color: #6f7ad2!important;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
    float: none;
    display: inline-block;
    padding: 8px 16px;
    border-radius: 0px;
    background-color: white;
    border: 1px solid #6f7ad2;
}

.elegantdesign a.more-link:hover{background-color:#6f7ad2;color:white!important;transition: all .5s ease;}

/*DESIGN DU HEADER DU CODE INJECTE SUR LA PAGE RECHERCHE*/
#search-header {display: none;}
.search #search-header {display:block;}

/**deplacement blocs BAS**/
.centrer-bas {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
/* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: flex-end;
     -moz-box-pack: center;
      -ms-flex-pack: center;
}

/**deplacement blocs CENTRE**/
.centrer-centre {
  display: flex;
  flex-direction: column;
  justify-content: center;
/* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
}

/*Taille du logo sur tablette et téléphone*/
@media only screen and (max-width: 980px) {
#logo {
min-height: 120px;margin-top:20px!important;
}
}

/*Taille du logo sur grand écran*/
@media only screen and (min-width: 981px) {
#logo {
min-height: 250px;margin-top:20px!important;padding:30px;background:white;
}
}

@media only screen and (max-width: 1024px) {
#mobile_menu .nh_button3 {
display:none; /*** you might need !important ***/
}
}
/**changement logo*/
@media only screen and (min-width: 981px){.et-fixed-header #logo {
content: url(https://www.propriete-expertise.com/wp-content/uploads/2019/09/logo-pe-small.jpg);padding:10px;min-height: 80px
	}}

@media only screen and (max-width: 980px){.et-fixed-header #logo {
content: url(https://www.propriete-expertise.com/wp-content/uploads/2019/09/logo-pe-small.jpg);padding:10px;min-height: 100px
	}}


/*--DESIGN BOUTONS INLINE DANS LES HEADERS---*/
        .inline-buttons .et_pb_button_module_wrapper {display: inline-block;margin: 20px 10px 10px 10px!important;}

#main-header{box-shadow:none!important;}

/* hide default footer */
    #footer-bottom {
        display: none;}

.rpwe-block h3{padding-bottom:0;}

/* ##### DROPDOWN MENU STYLES ##### */

#top-menu .sub-menu {
   background-color: white; /* Background color dropdown */
   border-top: 3px solid #b6863d; /* Top border color dropdown */
}

#top-menu .sub-menu li a {
   font-size: 14px; /* Font size dropdown */
   width: 100%;
   color: #0b1022;
   border-bottom: 1px solid #f3f2f3; /* Border bottom menu item color */
}

.sub-menu li:hover {
   background-color: #f3f2f3; /* Hover color menu item */
}

.sub-menu .current_page_item {
   background-color: #f3f2f3; /* Current menu item color dropdown */
}

#top-menu .sub-menu li {
   padding-left: 0px;
   padding-right: 0px;
   width: 100%;
}

#top-menu li li a {
   padding-top: 10px;
   padding-bottom: 8px;
}

#top-menu .sub-menu {
   padding-top: 0px;
   padding-bottom: 0px;
}

.nav ul li a:hover {
   opacity: 1;
   background-color: rgba(0,0,0,0);
}

/* ##### DROPDOWN MENU WIDTH ##### */

.nav li ul {
   width: 280px !important; /* Width of the dropdown menu */
}

.nav li li ul {
   left: 280px !important; /* Use the same size as above */
}

#top-menu li li a {
   width: 240px; /* Make this 40 less then the width of the dropdown menu */
}

@media only screen and (max-width : 980px) {
  .dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}


/*20230822 MODIF TC - d'après peeayecreative : show hamburger menu on desktop for specific menu module*/
@media (min-width: 980px) {
	.tc-hamburger-menu .et_pb_menu__menu, .tc-hamburger-menu-bl .et_pb_menu__menu {
    	display: none !important;
	}
	.tc-hamburger-menu .et_mobile_nav_menu, .tc-hamburger-menu-bl .et_mobile_nav_menu {
    	display: flex !important;
    	float: none !important;
    	margin: 0 6px !important;
    	align-items: center !important;
	}
	.tc-hamburger-menu .et_mobile_nav_menu, .tc-hamburger-menu-bl .et_mobile_nav_menu li {
		list-style-type: none !important;
	}

	/* 20230822 MODIF TC - mef alignement menu hamburger */
	.tc-hamburger-menu .et_pb_menu__wrap, .tc-hamburger-menu-bl .et_pb_menu__wrap {
		justify-content: flex-end;
		margin-right: 71px;
	}
	
	/* 20230829 MODIF TC - mef menu plein écran - inspiré de https://www.divi-community.fr/tutoriels-divi/creez-un-menu-plein-ecran-avec-le-theme-builder-de-divi/*/
	body:not(.et-tb) #menu_fullscreen.visible_menu {
  		visibility: visible;
  		opacity: 1;    
  		-webkit-transform: translateY(0);
      		-ms-transform: translateY(0);
          		transform: translateY(0);
  		-webkit-transition: all .5s;
  		-o-transition: all .5s;
  		transition: all .5s;    
	}
	body:not(.et-tb) #menu_fullscreen {
  		z-index: 999;
  		visibility: hidden;
  		opacity: 0;
  		-webkit-transform: translateY(-150vh);
      		-ms-transform: translateY(-150vh);
          		transform: translateY(-150vh);
  		-webkit-transition: all .5s;
  		-o-transition: all .5s;
  		transition: all .5s;
	}
	.no_overflow {
  		overflow: hidden;
	}
	#btn_hide_menu {
		text-transform: none;
	}
	/* 20230829 FIN MODIF TC - mef menu plein écran - inspiré de https://www.divi-community.fr/tutoriels-divi/creez-un-menu-plein-ecran-avec-le-theme-builder-de-divi/*/

	/* 20230822 MODIF TC - d'après divi.help changement de l'icone du menu hamburger */
	.tc-hamburger-menu .mobile_menu_bar:before {
		background-image: url('https://www.propriete-expertise.com/wp-content/uploads/2023/08/menu-hmbg-63x26-1.png');
		color: transparent !important;
		display: inline-block;
		width: 63px;
		max-width: 63px;
		max-height: 26px;
	}
	.tc-hamburger-menu-bl .mobile_menu_bar:before {
		background-image: url('https://www.propriete-expertise.com/wp-content/uploads/2023/08/menu-hmbg-bl-63x26-1.png') !important;
		color: transparent !important;
		display: inline-block;
		width: 63px;
		max-width: 63px;
		max-height: 26px;
	}
	/* 20230822 FIN MODIF TC - d'après divi.help changement de l'icone du menu hamburger */
}




/* 20230822 MODIF TC - mef vidéo*/
.video_pe iframe, iframe[name="fitvid0"] {
	border-radius: 30px;
}
.video_pe .et_pb_video_overlay {
	border-radius: 30px;
}
.video_pe .fluid-width-video-wrapper iframe, .video_pe .fluid-width-video-wrapper object, .video_pe .fluid-width-video-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 30px;
}
/* 20230822 FIN MODIF TC - mef vidéo*/


/* 20230829 FIN MODIF TC - mef menu plein écran */

/* 20230903 MODIF TC - d'après voltee.fr, conserver les colonnes sur mobile */
@media only screen and (max-width: 980px) {
	.et_pb_column .multi-colonnes , .multi-colonnes-ft {
		width: 50% !important;
	}
}
/*@media only screen and (max-width: 980px) {
	.multi-colonnes .et_pb_column {
		width: 50%!important;
	}

}*/
	.tc-hamburger-menu .mobile_menu_bar:before {
		background-image: url('https://www.propriete-expertise.com/wp-content/uploads/2023/08/menu-hmbg-63x26-1.png');
		color: transparent !important;
		display: inline-block;
		width: 49px;
		max-width: 49px;
		max-height: 49px;
		background-repeat: no-repeat;
	}
	.tc-hamburger-menu-bl .mobile_menu_bar:before {
		background-image: url('https://www.propriete-expertise.com/wp-content/uploads/2023/08/menu-hmbg-bl-63x26-1.png');
		color: transparent !important;
		display: inline-block;
		width: 49px;
		max-width: 49px;
		max-height: 49px;
		background-repeat: no-repeat;
	}
	/* 20230822 FIN MODIF TC - d'après divi.help changement de l'icone du menu hamburger */



/* 20230903 MODIF TC - Mef menu hamburger FOOTER sur mobile */
#menu-ft-mob .mobile_menu_bar:before {
	color:#ffffff !important;
}
#menu-ft-mob .et_mobile_menu {
	background-color:#162642 !important;
}
/* 20230903 FIN MODIF TC - Mef menu hamburger FOOTER sur mobile */

/* 20230903 MODIF TC - Mef menus hamburger Domaines sur mobile */
#menu-dom-mob .et_mobile_menu {
	background-color:#ffffff !important;
}
#sous-menu-dom-mob .mobile_menu_bar:before {
	color:#ffffff !important;
}
#sous-menu-dom-mob .et_mobile_menu {
	background-color:#162642 !important;
}

