FM / elementor

/home/vianto5/ceibaresidencial.mx/wp-content/themes/moore_old/assets/scss/elementor/

/home/vianto5/ceibaresidencial.mx/wp-content/themes/moore_old/assets/scss/elementor

Name	Size	Mode	Actions
_apartments-masonry.scss	4482	0644	edit dl rm
_apartments-slider.scss	4222	0644	edit dl rm
_blog.scss	2860	0644	edit dl rm
_box-feature.scss	1953	0644	edit dl rm
_box-feature2.scss	2725	0644	edit dl rm
_box-info.scss	1086	0644	edit dl rm
_button-scrolldown.scss	2884	0644	edit dl rm
_choice-language.scss	3650	0644	edit dl rm
_contact-form.scss	5958	0644	edit dl rm
_contact-info.scss	1104	0644	edit dl rm
_custom-animations.scss	11886	0644	edit dl rm
_direction-slider.scss	1275	0644	edit dl rm
_gallery-category.scss	2016	0644	edit dl rm
_gallery-simple.scss	1985	0644	edit dl rm
_gallery.scss	4296	0644	edit dl rm
_header-banner.scss	790	0644	edit dl rm
_header-left.scss	4975	0644	edit dl rm
_heading.scss	255	0644	edit dl rm
_instagram.scss	2971	0644	edit dl rm
_logo.scss	402	0644	edit dl rm
_menu-canvas.scss	3630	0644	edit dl rm
_menu-footer.scss	643	0644	edit dl rm
_menu-nav.scss	8645	0644	edit dl rm
_package.scss	2631	0644	edit dl rm
_progress.scss	2200	0644	edit dl rm
_project-declaration.scss	2317	0644	edit dl rm
_room-list.scss	10005	0644	edit dl rm
_rooms-filter.scss	20276	0644	edit dl rm
_team.scss	1172	0644	edit dl rm
_testimonial.scss	2148	0644	edit dl rm
_text-list.scss	937	0644	edit dl rm

Edit: /home/vianto5/ceibaresidencial.mx/wp-content/themes/moore_old/assets/scss/elementor/_gallery.scss (4296B)

.ova-gallery {
    .grid {

&:after {
            content: '';
            display: block;
            clear: both;
        }

.grid-sizer, .grid-item {
            width: 33.3%;
            height: auto;
        }

.grid-item {
            float: left;
            padding-right: 10px;
            padding-left: 10px;
            padding-bottom: 20px;

.gallery-fancybox {
                display: block;
                position: relative;
                cursor: pointer;
                img {
                    display: block;
                    width: 100%;
                }

.gallery-container {
                    position: absolute;
                    display: block;
                    width: 100%;
                    height: 100%;
                    top: 0;

&:before {
                        content: '';
                        position: absolute;
                        top: 0;
                        display: block;
                        width: 100%;
                        height: 100%;
                        background-color: var(--heading);
                        -webkit-transition: all .3s ease;
                        -moz-transition: all .3s ease;
                        -o-transition: all .3s ease;
                        transition: all .3s ease;
                        opacity: 0;
                    }

.gallery-icon {
                        opacity: 0;
                        visibility: hidden;
                        position: absolute;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        top: 60%;
                        left: 50%;
                        width: 56px;
                        height: 56px;
                        border-radius: 50%;
                        background-color: #fff;
                        transform: translate(-50%,-50%);
                        -webkit-transition: all .3s ease;
                        -moz-transition: all .3s ease;
                        -o-transition: all .3s ease;
                        transition: all .3s ease;

i {
                            color: var(--heading);
                            font-size: 16px;
                        }
                    }
                }
                .button {
                    transition: all .3s ease;
                    position: absolute;
                    opacity: 0;
                    visibility: hidden;
                    left: 50%;
                    top: 60%;
                    width: fit-content;
                    transform: translate(-50%, -50%);
                    border-radius: 28px;
                    background-color: #fff;
                    cursor: pointer;
                    .show-view-all {
                        margin: 0;
                        font-size: 14px;
                        font-weight: 500;
                        padding: 10px 35px;
                        text-transform: uppercase;
                        color: var(--heading);
                    }
                }
            }

&:hover {
                .gallery-fancybox {
                    .gallery-container {
                        &:before {
                            opacity: .4;
                        }

.gallery-icon {
                            opacity: 1;
                            visibility:visible;
                            top: 50%;
                        }

}
                    .button {
                        top: 50%;
                        opacity: 1;
                        visibility: visible;
                    }
                }
            }
        }

.grid-item-fisrt {
            width: 33.3%;
            height: auto;
        }

@media screen and (max-width: 1024px) {
            .grid-item {
                width: 50%;
            }
        }

@media screen and (max-width: 767px) {
            .grid-item {
                width: 100%;
            }
        }
    }
}

.fancybox__content img {
  cursor: zoom-in;
}

.fancybox__caption {
  text-align: center;
}

.ova-gallery { .grid { &:after { content: ''; display: block; clear: both; } .grid-sizer, .grid-item { width: 33.3%; height: auto; } .grid-item { float: left; padding-right: 10px; padding-left: 10px; padding-bottom: 20px; .gallery-fancybox { display: block; position: relative; cursor: pointer; img { display: block; width: 100%; } .gallery-container { position: absolute; display: block; width: 100%; height: 100%; top: 0; &:before { content: ''; position: absolute; top: 0; display: block; width: 100%; height: 100%; background-color: var(--heading); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0; } .gallery-icon { opacity: 0; visibility: hidden; position: absolute; display: flex; justify-content: center; align-items: center; top: 60%; left: 50%; width: 56px; height: 56px; border-radius: 50%; background-color: #fff; transform: translate(-50%,-50%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; i { color: var(--heading); font-size: 16px; } } } .button { transition: all .3s ease; position: absolute; opacity: 0; visibility: hidden; left: 50%; top: 60%; width: fit-content; transform: translate(-50%, -50%); border-radius: 28px; background-color: #fff; cursor: pointer; .show-view-all { margin: 0; font-size: 14px; font-weight: 500; padding: 10px 35px; text-transform: uppercase; color: var(--heading); } } } &:hover { .gallery-fancybox { .gallery-container { &:before { opacity: .4; } .gallery-icon { opacity: 1; visibility:visible; top: 50%; } } .button { top: 50%; opacity: 1; visibility: visible; } } } } .grid-item-fisrt { width: 33.3%; height: auto; } @media screen and (max-width: 1024px) { .grid-item { width: 50%; } } @media screen and (max-width: 767px) { .grid-item { width: 100%; } } } } .fancybox__content img { cursor: zoom-in; } .fancybox__caption { text-align: center; }