.eap-loop-post {
	--gap : 30px;
	--image_height : 275px;
}

.modal_swiper {/*display:none;*/ visibility: hidden; opacity: 0; position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 9999; transform:scale(0.5); transition:all 350ms ease; transition-delay: 250ms;}
.modal_swiper.active {/*display:block;*/ visibility: visible; opacity: 1; transform:scale(1);}
.modal_swiper-close {position: absolute; top:0; right:0; z-index: 2; cursor: pointer; color:#ccc; background: rgba(30,30,30,.6); height:44px; width:44px; padding:10px;}
.modal_swiper-close svg path {fill: transparent; stroke: currentColor; stroke-linejoin: round; stroke-width: 3;}

.modal_swiper .swiper-slide {height: 100vh; padding: 50px 0; overflow: hidden;}
.modal_swiper .swiper-slide .img {width: 100%; height: calc(100% - 70px); position: relative;}
.modal_swiper .swiper-slide .img img { height: 100%; left: 50%; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: auto; transform: translateX(-50%) translateY(-50%);}
.modal_swiper .swiper-slide .slide-infos {text-align: center; padding:10px;}

.list-doc {display:flex; flex-wrap: wrap; margin-left: calc( -var(--gap)/2 ); margin-right: calc( -var(--gap)/2 );}
.list-doc .item {position: relative; width:25%; padding-right: calc( var(--gap)/2 ); padding-left: calc( var(--gap)/2 ); padding-bottom: var(--gap); cursor: pointer; }
.list-doc .item .ct {height:100%; border-radius: 20px; border:1px solid rgba(255,255,255,0.4); overflow: hidden;}
.list-doc .item .img {height:var(--image_height); overflow: hidden; }
.list-doc .item .img img {width:100%; height:100%; object-fit: cover; transform:scale(1); transition: all 350ms ease;}
.list-doc .item:hover .img img {transform: scale(1.05);}
.list-doc .txt {padding:15px 20px 20px;}
.list-doc .cat {display:inline-block; background:#000; color:var( --e-global-color-text ); padding: 5px 10px 2px; border:1px solid  var( --e-global-color-text ); text-transform: uppercase; font-size:12px;}
.list-doc .title {font-size:16px; color:var( --e-global-color-text );}

/*modal button*/
.modal_swiper .swiper-button-next, .modal_swiper .swiper-button-prev {background-color: red; width: 40px; height: 40px; border-radius: 50px; color: #fff;}
.modal_swiper .swiper-button-next::after, .modal_swiper .swiper-button-prev::after {font-size:18px;}

/**/
.slide-infos .cat {display:none;}
.slide-infos .title a {color:#fff;}
.slide-infos .slide-button a {background-color: var( --e-global-color-accent ); padding: 9px 20px 6px; border-radius:6px;}

/*UAEL*/
.uael-overlay {z-index: 9999;}
.uael-show {z-index: 10000;}
.uael-close-custom-popup-edge-top-right {top:10px; right:10px;}
/**/

@media screen and (max-width: 960px) {
	.list-doc .item {width:33.33333%;}
	.modal_swiper .swiper-slide .img img {object-fit: contain; width:100%; height: 100%; top:0; left:0; transform: none;}
}

@media screen and (max-width: 768px) {
	.list-doc .item {width:50%;}
}

@media screen and (max-width: 576px) {
	.list-doc .item {width:100%;}
}