@import "../components/Headers/defaultHeader.css";
@import "../components/Headers/header-img.css";
@import "../components/Headers/headerDetail.css";
@import "../components/Headers/mobile-menu/mob-menu_handle.css";
@import "../components/Filtri/custom-select.css";


#ergea-filters-convention .custom-select-trigger {
    width: 100%;
}
#ergea-conventions-intro .stripe-content {
    padding: 2.865vw 9.375vw 2.865vw 3.125vw; /*60 180 60 60*/
    background-color: #fff;
    border: 0.052vw solid #e5e8eb; /*1*/
}
#ergea-conventions-intro .stripe-content * {
    line-height: 1.3;
    letter-spacing: 0;
}

/* Conventions with Logo
-----------------------------------------*/
	.conventions-grid {
	    grid-row-gap: 9.11vw; /*175*/
	    grid-column-gap: 4.167vw;	
	    padding-left: 2.083vw; /*40*/
	    padding-right: 2.083vw; /*40*/
	}
	.conventions-grid img {
	    height: 3.33vw; /*64*/
	    max-height: 100px;
	    min-height: 60px;
	}

/* Texutal conventions
-----------------------------------------*/
	.conventions-list {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    column-gap: 2.08vw; /*40*/
	    max-height: 16.67vw; /*980*/
	    padding-left: 2.083vw; /*40*/
	    padding-right: 2.083vw; /*40*/
	    overflow: hidden;
	    position: relative;
	}
	.conventions-list .single-convention-box {
	    margin-bottom: 1.04vw; /*20*/
	}
	.conventions-list:after {
	    content: '';
	    display: block;
	    height: 4.17vw; /*80*/
	    width: 100%;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    background: #fafafa;
	    background: linear-gradient(180deg,rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 1) 100%);
	}

	body.filters-active .conventions-list,
	.ergea-conventions-stripe.active .conventions-list {
	    max-height: unset; /*980*/
	}
	body.filters-active .conventions-list:after,
	body.filters-active .ergea-conventions-stripe .button-container,
	.ergea-conventions-stripe.active .conventions-list:after {
	    display: none;
	}

	body.filters-active .hidden-accessible {
	    visibility: hidden;
	    pointer-events: none;
	    opacity: 0;
	}

@media screen and (max-width: 1920px) {
	#ergea-conventions-intro .stripe-content {
	    border: 1px solid #e5e8eb;
	}

	/* Conventions with Logo
	-----------------------------------------*/
		.conventions-grid {
		    padding-left: 40px;
		    padding-right: 40px;
		}

	/* Texutal conventions
	-----------------------------------------*/
		.conventions-list {
			max-height: 320px;
		    column-gap: 40px;
		    padding-left: 40px;
		    padding-right: 40px;
		}
		.conventions-list .single-convention-box {
		    margin-bottom: 20px;
		}
		.conventions-list:after {
		    height: 80px;
		}		
}

@media screen and (max-width: 1280px) {
	#ergea-conventions-intro .stripe-content {
	    padding: 35px 120px 35px 40px;
	}

	/* Conventions with Logo
	-----------------------------------------*/
		#ergea-conventions .three-col-grid {
		    grid-template-columns: 1fr 1fr;
		}
		.conventions-grid {
		    grid-column-gap: 5.167vw;
	        padding-left: 30px;
	        padding-right: 30px;
	    }

	/* Texutal conventions
	-----------------------------------------*/
		.conventions-list {
	        padding-left: 30px;
	        padding-right: 30px;
		}
}

@media screen and (max-width: 992px) {
	#ergea-conventions-intro .stripe-content {
	    padding: 30px 35px 30px 35px;
	}
	#ergea-conventions-intro .stripe-container-inner,
	.ergea-conventions-stripe .stripe-container-inner {
	    padding-left: 0;
	    padding-right: 0;
	}

	/* Conventions with Logo
	-----------------------------------------*/
		.conventions-grid {
		    grid-column-gap: 14.167vw;
		}
		.conventions-grid {
			margin-top: 0 !important;
		    padding-left: 20px;
		    padding-right: 20px;
		}

	/* Texutal conventions
	-----------------------------------------*/
		.conventions-list {
		    padding-left: 20px;
		    padding-right: 20px;
		}		
}

@media screen and (max-width: 767px) {
	#ergea-conventions-intro .stripe-content {
	    padding: 35px 1em 35px 1em;
	}

	#ergea-conventions .three-col-grid {
	    grid-template-columns: 1fr;
	}
	#ergea-conventions-intro .stripe-content * {
	    line-height: 1.5;
	}

	/* Conventions with Logo
	-----------------------------------------*/
		.conventions-grid {
		    grid-column-gap: 12vw;
		}

	/* Texutal conventions
	-----------------------------------------*/
		.conventions-list {
			grid-template-columns: 1fr;
	        max-height: 335px;
	    }
}

@media screen and (max-width: 600px) {
	#ergea-filters-convention .three-col-grid {
	    grid-template-columns: 1fr;
	}	
	.ergea-conventions-stripe .apply-pad-2 {
	    padding-left: 0;
	    padding-right: 0;
	}

	/* Conventions with Logo
	-----------------------------------------*/	
		.conventions-grid {
		    padding-left: 1em;
		    padding-right: 1em;
			grid-row-gap: 55px;
		}
		.conventions-grid img {
		    min-height: 50px;
		}

	/* Texutal conventions
	-----------------------------------------*/
		.conventions-list {
		    padding-left: 1em;
		    padding-right: 1em;
		}			
}