/*
Theme Name: Impact (Hello Elementor Child)
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Talk2u
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Thème enfant pour Impact - Basé sur Hello Elementor
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.8.1.1697635425
Updated: 2023-10-18 15:23:45
*/
/* PROJETS */
/* ======= */

/* GRILLE DES PROJETS*/
.proj-type-filter{
	text-align:center;
}
/* Grille des projets Post Grid Master  */
.gm-taxonomy-filter{
	justify-content:center;
}
.am_grid_col{
	padding:0 !important;
	margin:0 !important;
	height:16em;
}
.am_single_grid {
	box-shadow:0 0 0 0 #ffffff !important;
	text-align:center;
	display:flex !important;
	flex-direction:column !important;
}
.am_thumb{
	height:16em !important;
	width: 100%;!important;
	
}
.am_cont{
	padding: 0 !important;	
	width: 100%;!important;
	z-index:100;
	margin-top:-8em
	}
.gm-postmeta{
	display:none !important;
}
.am__title{
	padding:0.4em;
	font-size:1.4em!important;
	font-weight:700!important;
	background-color:#D2BF0Acc;
	color: var(--e-global-color-primary);
	margin-top:2em !important;
	line-height:1.2em !important;
}
.am__title a{
	font-size:1em!important;
	font-weight:700!important;
	color:#ffffff!important;
}
.am__title a:hover{color: var(--e-global-color-primary)!important;}
/* GALERIE DE PHOTOS DES PROJETS */
.t2u_gal_container{
	display:flex;
	flex-wrap:wrap;
	padding:0;
	margin:0;
	align-content:stretch;
	background-color:var( --e-global-color-primary );
}
.t2u_gal_item{
	width:33.33%;
	margin:0
	padding:0;
	background-color:blueviolet;
	border:0;
	line-height:0;
}

@media screen and (max-width: 1024px) {
.t2u_gal_item{
	width:50%;}
}
@media screen and (max-width: 767px) {
.t2u_gal_item{
	width:100%;}
}

.t2u_gal_link{
	border:0;
}

.t2u_gal_img{
	width:100%;
	border:0;
	padding:0;
}

.pagination{
	font-size:1.2em;
	text-transform: uppercase;
	font-weight: 500;
	text-align:center;
}
/*LIENS PRECEDENT ET SUIVANT POUR LES PROJETS */
.t2u-prev-next-projet-link{
	font-size:1.2em;
	text-transform: uppercase;
	font-weight: 500;
}

/* TEAM SHOWCASE - modifications de l'extension gratuite */
.teamshowcasefree-col-lg-4{
	width: 25%;
	margin: 0 !important;
	padding:0 !important;
}

/* GRILLE DE l'EQUIPE */
/* ======= */

.t2u-equipe-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.t2u-post-wrapper {
    width: calc(25%); /* 4 columns on screens above 1024px */
	min-height:280px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
	background-size:cover;
	background-position: top;
	transition: all .8s;
 }

.t2u-post-wrapper::before { 
  content:"";
  position:absolute; top:0;right:0;bottom:0;left:0;
  background:inherit;
  transition:inherit;
}
.t2u-post-wrapper:hover::before { 
  transform: scale(1.1);
}

@media only screen and (max-width: 1024px) {
	.t2u-post-wrapper {
        width: calc(50%); /* 2 columns on tablets */
    }
}

@media only screen and (max-width: 767px) {
    .t2u-post-wrapper {
        width: 100%; /* 1 column on mobile */
    }
}

.t2u-post {
	/*necessaire*/
    width: 100%;
    height: 100%;
	position: relative;
    /*padding: 1em 1em 1em 1em;*/
    
	/*new*/
	display:flex;
	flex-wrap:wrap;
	align-content:center;
}

.t2u-content{
	position: absolute;
	top: 1em;
	left: 1em;
	right: 1em;
	bottom: 1em;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	color:#ffffff;
	visibility:hidden;
	background-color:#D2BF0A80;
	opacity:0;
	transition: all .8s;
	text-align:center;
}
.t2u-post:hover .t2u-content{
	visibility:visible;
	opacity:1;
}

.t2u-nom{
	font-size: 1.4em;
	font-weight: 600;
}
.t2u-fonction{
	font-size: 0.8em;
	font-weight: 300;
}

.t2u-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
    z-index: 20; /* Ensure the overlay is behind the panel but above the page content */
    display: none; /* Hide the overlay initially */
}

.t2u-panel {
    position: fixed;
    top: 0;
    right: -480px; /* Set the initial position outside the screen */
    width: 480px; /* Set the width of the panel */
    height: 100%;
    background: #ffffff;
	background-position: top-center;
	background-repeat: no-repeat;
	background-size: contain;
	color:var(--e-global-color-primary);
    overflow-y: auto;
    z-index: 9999;
    padding: 20px;
    box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
    .t2u-panel {
        width: 90%; /* 1 column on mobile */
    }
}
.t2u-panel-content {
	padding-top:300px;
}
.t2u-panel-meta{
	padding-top:1em;
}
.t2u-panel-descr{
	padding-top:1em;
}
.t2u-content-last{
	position: absolute;
	top: 1em;
	left: 1em;
	right: 1em;
	bottom: 1em;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	color:#ffffff;
	transition: all .8s;
	text-align:center;
}
.t2u-content-last:hover{
	transform: scale(1.2);
}
/*JOBS LISTING*/
.t2u-job{
	padding:1em 0 2em 0;
	border-bottom:1px solid var(--e-global-color-secondary);
}
.t2u-job-buttons{
	display:flex;
	justify-content:space-between;
}