/* 
 Theme Name:     Divi Child
 Author:         Picou
 Author URI:     https://charlottepicouilla.fr/
 Template:       Divi
 Version:        v.01
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.3.2
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


/* Lien Hover Menu Principal Rétrécit */
	.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a:hover 
	{color:#131313 !important; opacity:1 !important;} 
/* Lien Hover Menu Principal Rétrécit onglet en cours */
	.et_header_style_left .et-fixed-header #top-menu li.current-menu-item>a:hover
	{color:#bfbebd !important;} 
/*.et-fixed-header #top-menu li.current-menu-item>a, .et-fixed-header #top-menu li.current_page_item>a:active {
    color: #bfbebd !important;}  
	#sticky a:active {color:#bfbebd !important;}*/


/* Couleur Bordure Menu PC */
header#main-header {
    box-shadow: 0 1px 0 rgba(0,0,0,0.18) !important;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.18) !important;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.18) !important;
}

#main-header.et-fixed-header {
	box-shadow: 0 1px 0 rgba(0,0,0,0.18) !important;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.18) !important;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.18) !important;
}

/* Changement de menu pc/mobile */
@media only screen and ( max-width: 980px ) {
 
header#main-header {
  display:none;
}
}

@media all and (max-width: 980px) {
	    #page-container {
		padding-top:0 !important;
		margin-top:-1px !important;
}
	#footer-bottom {
		padding-bottom:67px !important;
	}
}

.single-project li#menu-item-1028 a {
    color: #c04412 !important;
}

.et_pb_menu__wrap {
	margin: 0;
}

.mobile_menu_bar:before {
    content: "MENU";
    font-size: 14px !important;
	/*letter-spacing: 4;*/
    font-family: mulish, monospace !important;
	font-weight:600;	/*600 parenthese*/
}

.opened .mobile_menu_bar:before {
    font-family: 'ETModules' !important;
	content: "\4d";
}

.et_mobile_menu {
    left: -2px;
    bottom: 38px !important;
    width: 100vw;
	/* border-top:2px !important;
	border-top-color:#131313 !important; */
	border-top: 2px solid #131313 !important;
}

.et_pb_menu .et_mobile_menu {
	text-align:center;
}

.et_mobile_menu li a {
	border-bottom:none;
}

@media only screen and ( max-width: 767px ) {
.hide_mobile {
  display:none;
}
}

/* Couleur menu burger */
	.mobile_menu_bar:before
	{color: rgba(19,19,19,0.70) !important;} 



/* Footer */
/*#main-footer {font-family: raleway;}*/

/* Alignement pied de page */
	#footer-info
	{float: none; text-align: center;}

/* Boutons smooth hover */
.et_pb_section .et_pb_button:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.et_pb_section .et_pb_button:hover {
    transform: scale(1.04);
}

/* GRILLE PORTFOLIO CUSTOM 3 COLONNES */
 
@media only screen and ( min-width: 768px ) {
 
.custom_portfolio .et_pb_grid_item {
width: 30.6666666667% !important;
margin: 0 4% 4% 0 !important;
}
 
.custom_portfolio .et_pb_grid_item:nth-child(3n) {
margin-right: 0 !important;
}
 
.custom_portfolio .et_pb_grid_item:nth-child(3n+1) {
clear: left;
}
 
.custom_portfolio .et_pb_grid_item:nth-child(4n+1) {
clear: unset !important;
}
 
}

/*** CUSTOM PORTFOLIO ***/


.et_pb_filterable_portfolio.et_pb_text_align_center .et_pb_portfolio_filters ul {
	justify-content : flex-start !important;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
	background-color : transparent;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
	border:none;
}

.et_pb_portofolio_pagination {
    display: none;
}

div.pagination.clearfix {
	display: none;
}


.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
	/*color:#0560a9!important;*/
	color:#131313!important;
	font-weight:600;
	/*font-weight:normal;*/
}

.et_pb_portfolio_filters.clearfix ul.clearfix {
	box-shadow: 0 1px 0 rgba(0,0,0,0.18) !important;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.18) !important;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.18) !important;
}

@media only screen and ( max-width: 767px ) {
	.et_pb_portfolio_filters.clearfix ul.clearfix{
		padding-bottom:10px;
	}
}

.et_portfolio_image {
    padding-top: 56.25% !important;
	overflow: hidden;
}

.et_portfolio_image img {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

span.et_portfolio_image {
    background-color: #fff;
}

.custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover img, .custom_portfolio .active:hover img {
    opacity: 0.30;
	transform: scale(1.2);
}

.et_pb_filterable_portfolio_grid .et_pb_portfolio_item .et_pb_module_header {
/*	margin-top: -70px;*/
}
.custom_portfolio h3.et_pb_module_header, .custom_portfolio h4.et_pb_module_header {
    padding-bottom: 0px;
}


.et_pb_portfolio_item.et_pb_grid_item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
}




.custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h4, .custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h4, .custom_portfolio .active:hover h3, .custom_portfolio .active h3, .custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta, .custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta, .custom_portfolio .active .post-meta, .custom_portfolio .active:hover .post-meta /* .custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover img, .custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item img */ {
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
	transition-delay: 0.3s;
    transition: all .3s ease-in-out;
}


/* .custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h4, .custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h4, .custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta, .custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta,*/ .custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover img, .custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item img, .custom_portfolio .active img, .custom_portfolio .active:hover img {
 	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h4, .custom_portfolio .active h3 {
    opacity: 0 !important;
	position: absolute;
   /* margin-top: -70px; */
    width: 100%;
}
.custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta, .active p.post-meta {
    opacity: 0 !important;
	position: absolute;
    margin-top: 29px;
    width: 100%;
}

/* @-moz-document url-prefix() { */
	.custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta, .active p.post-meta {
    margin-top: 50px !important;
}
/*}*/

.custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h4, .custom_portfolio .active:hover h3 {
	opacity: 1 !important;
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
.custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta, .custom_portfolio .active:hover .post-meta {
	opacity: 1 !important;
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}

@media only screen and (max-width: 980px) {
.custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h4/*, .custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta*/ {
    width: 30.65%;
}

.custom_portfolio p.post-meta {
	display:none !important;
}
}
@media only screen and (max-width: 768px) {
.custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h4, .custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta {
    width: 47.25%;
}
}
@media only screen and (max-width: 480px) {
.custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h4, .custom_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta {
    width: 100%;
}
.custom_portfolio .et_portfolio_image img {
   /* width: 100%; */
}
}

/* rendre les liens categorie non cliquable dans le portfolio */
.et_pb_grid_item p.post-meta a {
	pointer-events:none;
}


/* PAGES PROJETS */
@media (min-width: 981px) {
.single-project.et_pb_gutters3 .et_pb_column_3_5 .et_pb_module {
	margin-bottom:0px;
}
}

/* CUSTOM GALLERY */
/* .custom_gallery .et_pb_grid_item {
    float: right !important;
}

.custom_gallery div.et_pb_gallery_item.et_pb_grid_item.et_pb_bg_layout_light.et_pb_gallery_item {
    width: 69.875% !important;
	margin-right: 0;
} */

.custom_gallery .et_pb_gallery_image {
    top: 0 !important;
    left: 0 !important;
    float: right !important;
	position: relative !important;
}

.custom_gallery.grid {
    height: auto !important;
}

.custom_gallery.dss_masonry_gallery_0_tb_body .grid-item {
    width: 100%;
	margin-bottom: 20px;
}


@media only screen and (max-width: 980px) {
	.custom_gallery.dss_masonry_gallery_0_tb_body .grid-item {
	margin-bottom: 0px;
}
}

.custom_gallery.dss_masonry_gallery .grid-item img {
	width:100%;
}


/* Visionneuse */
.mfp-bg {
	background:white!important;
}

.mfp-figure:after {
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
    box-shadow: 0 0 4px rgba(0,0,0,.2);
}

.mfp-image-holder .mfp-close {
    color: #131313;
    font-size: 36px;
    top: 0;
    opacity: 1;
}

.mfp-arrow {
	opacity: 1;
}

button.mfp-arrow:after {
    color: #131313 !important;
}

@media all and (max-width: 980px) {
	.mfp-bg.mfp-fade.mfp-ready {
    display: none;
}
	
	.mfp-wrap.mfp-gallery.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
    display: none;
}
}

.mfp-counter {
    color: #131313;
	font-size: 14px;
    font-weight: 600;
}

/* ORDRE DES COLONNES SUR MOBILE */
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}

	
/*** ordre des colonnes sur mobile ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
}
/*** margin bottom auto projet ***/
.single .post {
  padding-bottom: 0px !important;
}
.single .et_pb_post {
    margin-bottom: 0px !important;
}