/*
Theme Name:  Stand By Me
Theme URI:   http://standbyme.fr
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Stand By Me.
Author:      Benjamin
Author URI:  http://standbyme.fr
Template:    Divi
*/

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

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
    visibility: visible;
    text-align: left;
    padding: 0px 0px 0px 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
@media all and (min-width: 1200px) and (max-width: 1400px) {
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
	font-size: 14px;
	font-size: 0.9vw;
	}
}



.et_boxed_layout #page-container {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
#main-header {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

/*Nos réalisations*/

.custom-menu {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    margin-bottom: 45px;
    }
.custom-menu a {
    font-family: 'Raleway';
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-align: center;
    color: #92969f;
    padding: 12px 25px 12px 25px;
    border-radius: 50px;
    border: solid 4px #92969f;
    background-color: transparent;
	cursor:pointer;
	margin: 10px;
    transition: ease 0.4s;
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
    -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
    user-select: none; /* Propriété standard */
}

.custom-menu .is-checked, .custom-menu a:hover {
	border: solid 4px #f5962d;
	color: #f5962d;
    transition: ease 0.4s;
}
.custom-reals {
	display: flex;
	flex-wrap: wrap;
	width: 102%;
}
.real{
    width: 23%;
	margin-right: 2%;
	margin-bottom: 2%;
	cursor:pointer
}
.real img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: ease 0.4s;
}
.real img:hover{
    opacity: 0.8;
    transition: ease 0.4s;
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
   #all-real .real{
        width: 48%;
        margin-right: 2%;
    }
    .custom-menu a {
        font-size: 12px;
        padding: 8px 15px 8px 15px;
        margin: 8px;
        }
}


#graph h3, #graph h4 {
    margin-bottom: 25px;
}

/*GRID HOME*/


div.et_pb_gallery_item:nth-child(1) {
  width: 47.5%!important;
}

.et_pb_gallery_items {
  display: flex!important;
  flex-wrap: wrap!important;
  width: 103%!important;
}

.et_pb_gutters2 .et_pb_column_4_4 .et_pb_grid_item,
.et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, 
.et_pb_gutters2 .et_pb_column_4_4 .et_pb_grid_item.last_in_row, 
div.et_pb_gallery_item:nth-child(1) {

    margin-right: 2% !important;
    margin-bottom: 2%!important;
}
.et_pb_gallery_grid .et_pb_gallery_item img, .et_pb_portfolio_grid .et_pb_portfolio_item img, .et_pb_filterable_portfolio_grid .et_pb_portfolio_item img {
    width: 100%;
    object-fit: cover;
}

@media all and (min-width: 768px) and (max-width: 980px)  {
	.et_pb_gallery_items{
		width:107.5%!important
	}
	
	div.et_pb_gallery_item:nth-child(1) {
		width: 29.666%!important;

	}
	.et_pb_gutters2 .et_pb_column_4_4 .et_pb_grid_item,
	.et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, 
	.et_pb_gutters2 .et_pb_column_4_4 .et_pb_grid_item.last_in_row, 
	div.et_pb_gallery_item:nth-child(1) {
				margin: 0 5.5% 7.5% 0;
	}
}



/*GRID HOME v2 shortcode*/
#realhome div.real:nth-child(1) {
width: 48%;
}

.real {
    width: 23%;
    margin-right: 2%;
    margin-bottom: 2%;
    cursor: pointer;
}





#equipe h3 {
text-align: left;
}
#equipe h4 {
text-align: left;
}


@media all and (max-width: 980px) {
 #equipe h3 {
text-align: center;
}
#equipe h4 {
text-align: center;
}
}

#equipe img{height: 90px;
width: 90px;
object-fit: cover;}
#equipe .et_pb_image_wrap
{width: 90px;}