/*
**
** INFORD Easy Popups Style
** 
*/

#inford-ec-popup-layer {
 position: fixed;
 top: 0;
 left: 0;
 bottom :0;
 right: 0; 
 z-index: -999999;
 opacity: 0;
 visibility: hidden;
 background: rgba(0,0,0,.5);
 display: flex;
 justify-content: center;
 align-items: center;
 transition: all .5s ease;
}

#inford-ec-popup-layer .inford-popup-admin-mode-info {
 position: absolute;
 top: 10px;
 left: 10px;
 background: #cc0000;
 font-size: 13px;
 color: #fff;
 padding: 6px; 
}

#inford-ec-popup-layer.active {
 position: fixed;
 top: 0;
 left: 0;
 bottom :0;
 right: 0; 
 z-index: 99999999;
 opacity: 1;
 visibility: visible;
 background: rgba(0,0,0,.5);
 display: flex;
 justify-content: center;
 align-items: center;
 transition: all .5s ease;
}

#inford-ec-popup-layer.popup-hidden {
 z-index: -99999!important;
 opacity: 0!important;
 visibility: hidden!important;
 transition: all .5s ease;
}

#inford-ec-popup-layer .inford-ec-popup {
 max-width: 800px;
 max-height: 85vh;
 height: 100%;
 width: auto; 
 padding: 20px;  
}

#inford-ec-popup-layer .inford-ec-popup .ec-popup-wrapper {
 height: 100%;
 border: 8px solid #fff; 
}

#inford-ec-popup-layer .inford-ec-popup figure {
 height: 100%;	
 margin: 0!important;
}

#inford-ec-popup-layer .inford-ec-popup .wp-block-image a {
 display: inline;	
}

#inford-ec-popup-layer .inford-ec-popup img {
 max-width: 100%;
 max-height: 100%; 
 height: auto;
 width: auto;
}


#inford-ec-popup-layer .inford-ec-popup-close {
 position: absolute;
 top: 30px;
 right: 30px;
 width: 25px;
 height: 25px;
 font-size: 25px;
 line-height: 25px;
 text-align: center; 
 color: #fff;
 display: block;
 font-weight: 600;
 cursor: pointer;
}

/*---------------media ----------------------------*/


@media all and (max-width:760px) {

	#inford-ec-popup-layer .inford-ec-popup {
	 max-width: 800px;
	 max-height: 85vh;
	 height: auto;
	 width: auto; 
	 padding: 20px;  
	}

} /* media */