/*
Theme Name:  EGUE
Theme URI:   http://gabarit2.egue.live
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site EGUE.
Author:      Benjamin
Author URI:  http://gabarit2.egue.live
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/





/*hide the native Divi Mobile Menu and properly display the Max Mega Menu mobile menu*/
@media only screen and (max-width: 980px) {
    header .et_pb_fullwidth_menu .fullwidth-menu-nav,
    header nav#top-menu-nav {
        display: block !important;
    }
}
@media only screen and (max-width: 767px) {
    header nav#top-menu-nav,
    header #et-top-navigation {
       width: 100%;
    }
}
header #et_mobile_nav_menu, 
header .et_mobile_nav_menu {
    display: none !important;
}

/* stop menu from overlapping logo on mobile */

@media all and (max-width: 980px) {
    header .logo_container {
        position: relative !important;
        padding-top: 15px;
    }
    header div#et-top-navigation {
        padding-left: 0 !important
    }
}
/* fin    -    hide the native Divi Mobile Menu and properly display the Max Mega Menu mobile menu*/


/*MENU*/
@media all and (min-width: 1405px) {
.slidingDiv{background-image: linear-gradient(90deg,rgba(0,0,0,0) 66vw,rgba(46,43,55,0.95) 66vw) !important;}
}
@media all and (min-width: 981px) and (max-width: 1405px) {
.slidingDiv{background-image: linear-gradient(90deg,rgba(0,0,0,0) 56vw,rgba(46,43,55,0.95) 56vw) !important;}
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
.slidingDiv{background-image: linear-gradient(90deg,rgba(0,0,0,0) 50%,rgba(46,43,55,0.95) 50%) !important;} 
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
.slidingDiv{background-image: linear-gradient(90deg,rgba(0,0,0,0) 0vw,rgba(46,43,55,0.95) 0vw) !important;} 
}

.noscroll{
  /*overflow-y: hidden;*/
 }


/*FOOTER*/
@media all and (min-width: 1921px)   {
	.footer-desk p {font-size:16px}	
}
@media all and (min-width: 1405px)  and (max-width: 1920px)  {
	.footer-desk p {font-size:0.83vw}	
}
@media all and (min-width: 980px) and (max-width: 1405px) {
	.footer-desk p {font-size:1.1vw}	
}


/*HEADER*/
/*
.eg-header:after{
	content:"";
	height:100%;
	width:50%;
	top:0;
	left:0;
	position:absolute;
-webkit-backdrop-filter: blur(9.6px);
  backdrop-filter: blur(9.6px);
	background-color:rgba(0,0,0,0.2)
}
*/
/*** Responsive Styles Smartphone Only ***/
/*
@media all and (max-width: 767px) {
 .eg-header:after{
	height:50%;
	width:100%;
	top:50%;
	}
}
*/


/*------camembert-------
#num_cons_vente{
	display: none;
}

svg#Groupe_42 path#Tracé_109:hover{
	fill:red
}

svg#Groupe_42 path#Tracé_109:hover #num_cons_vente{
	display:flex;
}
*/

.num_home .et_pb_text_inner{
	display:flex;
}





.titre_home h2{
  font-size: calc(40px + 1vw)!important;
}


.img-picto-exp{
	width:10%;
	height:10%;
	float:left;
	display:block
}	

.num-red{
display: inline-block;
width: 30px;
height: 30px;
min-width: 30px;
min-height: 30px;
margin-right: 1.2vw;
padding: 5px;
border: 1px solid;
border-radius: 50%;
text-align: center;
font-size:14px;
font-family: 'Roboto Slab',Georgia,"Times New Roman",serif;
font-weight: 300;
margin-bottom:auto;
margin-top:auto
}

.point-red .et_pb_text_inner{
	display:flex;
	align-items: center;
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {.num-red{font-size:13px}
 
}

.btn-red .et_pb_text_inner{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width:100%;
cursor:pointer
}


.arrow{
  border-top:solid #fff 2px ;
  border-right:solid #fff 2px ;
  min-width:10px;
  min-height:10px;
  border-radius: 2px 0% 2px 0%;
  transform:rotate(135deg) translate(-2px,2px);
	transition:ease 0.2s

}
.toggle{display:none}



/*PAGE NOS TRANSACTIONS*/
#entreprises{
	width:103%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin:3% -1.5% 3% -1.5%
}

.entreprise{
	width:30.33%;
	height:440px;
	border-radius: 20px;
	box-shadow: 5px 4px 15px -1px rgba(170,170,170,0.3),-5px -4px 10px 1px rgba(255,255,255,0.9);
	padding:30px;
	margin: 1.5%;
}

.entreprise img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
	opacity:30%;
	object-fit: scale-down;
	transition:ease 0.1s;
}
.entreprise:active img, .entreprise:hover img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
		opacity:100%;
}

.verso{display:none;transition:ease 0.1s;}

.entreprise:active .verso, .entreprise:hover .verso{display:flex;	transition:ease 0.1s;}

.entreprise:active .recto, .entreprise:hover .recto{display:none;	transition:ease 0.1s;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.top, .bot {height:50%;display:flex}

.top {
	justify-content:center;
	align-content:center;
	align-items:center
}
.intro, .date, .titre_verso, .texte_verso {
	text-align:center
}

.recto, .verso{
	height:100%
}

.recto{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding:20px
}

.verso{
	flex-direction:column;
	justify-content:center;
	padding:30px
}

.intro{
font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.39;
  color: #2e2b37;
	margin-top:3%
}
.date{
font-family: 'Roboto Slab', serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.17;
  color: #efcc60;
}

.titre_verso{
font-family: 'Roboto Slab', serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.17;
  color: #ce6944;
}
.texte_verso{
font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.39;
  color: #ce6944;
}


/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 
	.entreprise{width:47%; height: 310px;}
	.entreprise img{height: 90%;}
	.top {padding:15px 0px}
	.intro, .texte_verso{font-size: 14px;line-height:20px;}
	.date, .titre_verso{font-size: 16px;line-height:19px;}
	.recto, .verso {padding:20px 0px 20px 0px}

}


/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 	.entreprise{width:97%; height: 310px;margin-bottom:30px}
}

.contact-form form{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.contact-form .et_contact_bottom_container{
	width:30%;
	height:63px;
	margin-top:0;
	margin-left:3%
}

.contact-form .et_contact_bottom_container button{
	width:100%;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	font-weight:300
}
.contact-form .et_contact_bottom_container button:hover{
color: #0aab9e !important;
background: #ffffff !important;
    background-color: rgba(255, 255, 255,0.3);
    background-image: none;
border-color: #ce6944!important;
border-radius: 8px;
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.contact-form .et_contact_bottom_container{
	width:100%;
	margin-left:0%
	}
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
svg.camembert1 {
	width:230px
}
}


#cookie-notice a {
color: #fff;
}