/* ============= CSS Grid - Eventos =============  */
.grid-event {
     display: grid;
     /* grid-template-columns: 1fr 1fr 1fr 1fr; */
     grid-template-columns: 49% auto;
     grid-column-gap: 20px;
}

.grid-event .grid-item .square-img img {
     height: 100% !important;
     width: 100% !important;
     object-fit: cover;
     object-position: 50% 50%;
}
/* sm */
@media (max-width: 730px) {
     .grid-event {
          display: grid;
          grid-template-columns: repeat(1, 1fr);
          gap: 0px;
     }


     .grid-event {
          display: grid;
          grid-template-columns:repeat(1, 1fr);
          grid-column-gap: 0px;
          grid-row-gap: 20px;
     }
}
/* xs */
@media (max-width: 575px) {
     .grid-event {
          display: grid;
          grid-template-columns:repeat(1, 1fr);
          grid-column-gap: 0px;
          grid-row-gap: 20px;
     }
}

ul.grid-event {
     list-style-type: none;
}


/* ===================================
    Residencias & Events
====================================== */

/* ============= Splide =============  */
.splide-big .splide__slide img.splide-item {
     height: 100% !important;
     width: 100% !important;
     object-fit: cover;
     object-position: 50% 50%;
}

/* xs to up*/
@media (min-width: 576px) {
     .splide-big .splide__list {
          transform: none !important;
     }
     .splide-big .splide__pagination,
     .splide-big .splide__arrows {
          display: none;
     }
}

.splide-big .splide__arrow {
     background: #ed1c24;
     height: 3em;
     width: 3em;
/*     display: none;*/
}
.splide-big .splide__slide img {
     width: 100%;
     height: auto;
}

/* ============= Select component =============  */
.special-select {
     color: #ffffff;
     padding: 0px 10px;
     border-radius: 10px;
     /* border-color:  #ED1C24; */
     border: 1px solid #ED1C24;
     background-color: transparent;
     height: 60px !important;
     /* needed */
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     /* SVG background image */
     /* background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E"); */
     background-image: url("data:image/svg+xml,%3Csvg width='24' height='14' viewBox='0 0 24 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L12 12L23 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
       background-size: .6em;
       background-position: calc(100% - 1.3em) center;
       background-repeat: no-repeat;

     font-size: 18px;
       width: 100%;
       max-width: 550px;
   }
   
.special-select:hover {
     cursor: pointer;
   }
.special-select::-ms-expand {
       display: none;
}
.special-select:focus-visible {
     outline: 1px solid #ED1C24;
}

/* ============= Magnific Popup =============  */
.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.9;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* ============= Magnific Popup - Zoom effect =============  */

.zoom-effect a {
     position: relative;
     display: block;
 }

.zoom-effect .grid-item figure {
     margin: 0;
     position: relative;
     overflow: hidden;
 }
/*.zoom-effect .grid-item figure:hover .square-img  {
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
 }*/


/*.zoom-effect .grid-item a:hover .square-img img {
     -webkit-filter: blur(5px);
     -moz-filter: blur(5px);
     -ms-filter: blur(5px);
     -o-filter: blur(5px);
     filter: blur(5px);
     opacity: 0.10;
     transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
 }*/
/*.zoom-effect .grid-item figure:hover .square-img img {
     opacity: 0.15;
     transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
 }
*/
/*.zoom-effect .grid-item figure:hover .square-hover-content img {
     opacity: 1;
     transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
 }
 */
.zoom-effect .grid-item figure .square-img img {
     cursor: pointer;
     display: block;
     opacity: 1;
     width: 100%;
     transition: all 0.3s ease 0s;
 }



.zoom-effect .grid-item .square-hover-main {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    display: table;
    height: 100%;
    top: 0;
    width: 100%;
}

.zoom-effect .grid-item .square-hover-box {
     display: table-cell;
     height: 100%;
 }

.zoom-effect .grid-item .square-hover-content {
     /* bottom: -15px; */
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
 }


.zoom-effect .grid-item figcaption {bottom:0; left:0; opacity: 0; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; height: 100%; padding:45px; z-index: 1; text-align: center}
.zoom-effect .grid-item figure:hover figcaption {opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
 /* .hover-option2 .grid-item figcaption {height: 100%}
 .container .hover-option2 .grid-item figcaption {padding: 30px;} */


body.magnificpopupnoscroll {
     overflow-y: hidden !important;
}

.zoom-effect .grid-item .icon-plus {
     width: 30px !important;
     margin: auto;
}

/* justified gallery */
.justified-gallery>a>.jg-caption, .justified-gallery>div>.jg-caption, .justified-gallery>figure>.jg-caption {padding:7px 15px; opacity: 0; display: initial !important; bottom: 0;  transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 11px; text-transform: uppercase}
.caption.caption-visible {opacity: 1; bottom: 0 !important}