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/_room-list.scss (10005B)

.ova-room-list {
    padding-bottom: 70px;
    .room {  
        cursor: pointer;
        padding-bottom: 40px;
        padding-top: 40px;
        border-bottom: 1px solid #dedede;
        display: flex;
        @media screen and(max-width: 650px ){
           flex-direction: column;
           align-items: center;
        }

.date {
            flex: 1 1 0;
            .room-date {
                margin: 0;
                font-family: var(--secondary-font);
                font-size: 40px;
                line-height: 56px ;
                font-weight: 400;
                color: var(--heading);
            }
        }
        .plan {
            flex: 1 1 0;
            img {
                display: block;
            }
            .square {
                margin: 10px 0 0 0;
                font-size: 14px;
                padding-left: 30px;
                line-height: 21px ;
                font-weight: 500;
                text-transform: uppercase;
                color: var(--heading);
            }
        }
        .bed-floor {
            flex: 1 1 0;
            margin-top: 5px;
            @media screen and(max-width: 650px ){
                margin: 10px 0 10px 0;
             }
            .bedrooms, .floor {
                margin: 0;
                font-size: 14px;
                line-height: 21px ;
                font-weight: 500;
                text-transform: uppercase;
                color: var(--heading);
            }
        }
        .price {
            flex: 1 1 0;
            @media screen and(max-width: 650px ){
                margin-bottom: 10px;
             }
            .total_price {
                margin: 5px 0 0 0;
                font-size: 14px;
                line-height: 21px ;
                font-weight: 500;
                text-transform: uppercase;
                color: var(--heading);
            }
        }
        .icon_group {
           display: flex;
           justify-content: flex-end;
           flex: 2 1 0;
            .icons {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: 8px;
                width: 48px;
                height: 48px;
                border-radius: 50%;
                background-color: var(--heading);
                position: relative;
                i {
                       font-size: 20px;
                        color: #fafafa;
                        line-height: 1;
                        position: absolute;
                        top: 50%;
                        margin-top: -10px;
                }
            }
        }
        .hidden-info-popup {
            display: none;
        }
    } 
    // right popup on click div room
    .right {
		opacity: 0;
		right: 56%;
		height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		visibility: hidden;
		@include transaction( all, 0.3s, linear );
        @media screen and ( max-width: 1024px ){
            right: 70%;
        }
        @media screen and ( max-width: 767px ){
            right: 90%;
        }
		&.toggled {
			visibility: visible;
			opacity: 1;
		    right: 56%;
		    @include transaction( all, 0.3s, linear );
            @media screen and ( max-width: 1024px ){
                right: 70%;
            }
            @media screen and ( max-width: 767px ){
                right: 90%;
            }
            .site-overlay{
				opacity: 0.7;
				visibility: visible;
				@include transaction( opacity, 0.2s, ease);
			}
		}
        
        .content {
			z-index: 9999;
			height: 100%;
            width: 56%;
			background-color: #fff;
			position: fixed;
            top: 0;
		    bottom: 0;
            right: 0;
            display: flex;
            flex-direction: column;
            @media screen and ( max-width: 1024px ){
                width: 70%;
            }
            @media screen and ( max-width: 767px ){
                width: 90%;
            }
            .btn {
                position: absolute;
                top: 60px;
                left: -32px;
                .room-toggle {
                   @include transaction( all, 0.3s, linear );
                   border-radius: 50%;
                   background-color: var(--heading);
                   width: 64px;
                   height: 64px;
                   padding: 0;
                   display: flex;
                   justify-content: center;
                   align-items: center;
                   i {
                       font-size: 12px;
                       color: #fafafa;
                   }
                   &:hover {
                        @include transaction( all, 0.3s, linear );
                        border-color: #dedede;
                        background-color: #fff;
                        i {
                            color: var(--heading);
                        }
                   }
                }
                
            }
            .room-popup {
                text-align: center;
                text-transform: uppercase;
                overflow-y: scroll;
                padding: 60px 40px;
                .title-popup, .date {
                    font-family: var(--secondary-font);
                    font-size: 40px;
                    line-height: 56px ;
                    font-weight: 400;
                    color: var(--heading); 
                }
                .date {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    .date-popup {
                        padding-left: 8px;
                    }
                }
                .total_price_popup {
                    font-family: var(--secondary-font);
                    font-size: 22px;
                    font-weight: 400;
                    color: var(--heading);
                }
                .square-bed-floor {
                    font-weight: 500;
                    font-size: 14px;
                    color: var(--heading);
                    padding: 30px 0;
                }
                .icon_group_popup {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding-bottom: 30px;
                    .icons {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin-right: 12px;
                        margin-left: 12px;
                        i {
                            font-size: 40px;
                            color: var(--heading);
                            line-height: 1;
                            top: 50%;
                        }
                    }
                }
                p, h2 {
                    margin: 0;
                }
                .room-image-popup {
                    max-height: 450px;
                    vertical-align: middle;
                }
                .download {
                    text-align: center;
                    margin-top: 30px;
                    .btn-send-request {
                        transition: all .3s ease;
                        &:hover {
                            transition: all .3s ease;
                        }
                        background-color: var(--heading);
                        padding: 14px 35px 14px 35px;
                        display: inline-block;
                        border-radius: 28px;
                        color: #fafafa;
                        font-family: var(--primary-font);
                        font-size: 14px ;
                        font-weight: 500;
                        line-height: 22px;
                        margin-bottom: 10px;
                    }
                    .info-file {
                        &:hover {
                            transition: all .3s ease;
                        }
                        display: block;
                        transition: all .3s ease;
                        color: var(--heading);
                        font-size: 14px;
                        font-weight: 500;
                        line-height: 21px;
                    }
                }
            }
		}
        .site-overlay {
			width: 100%;		
			height: 100%;
			top: 0;
			right: 56%;
			bottom: 0;
			background-color: #000;
			opacity: 0;
			visibility: hidden;
			position: fixed;
			z-index: 1000;
		}
    }
     // end right popup
}
.button-room {
    transition: all .3s ease;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
    width: fit-content;
    &:hover {
        transition: all .3s ease;
        .text-button {
            transition: all .3s ease;
            color: #fafafa;
            background-color: var(--heading);
        }
    }
    .text-button {
        transition: all .3s ease;
        font-size: 14px;
        margin: 0;
        line-height: 21px ;
        font-weight: 500;
        padding: 18px 45px 18px 45px;
        border-radius: 28px;
        background-color: #f2f3f5;
        text-transform: uppercase;
        color: var(--heading); 
        display: inline-block;
    }
}

.button-room-nodata {
    display: none;
    transition: all .3s ease;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
    width: fit-content;
    &:hover {
        transition: all .3s ease;
        .text-button-nodata {
            transition: all .3s ease;
            color: #fafafa;
            background-color: var(--heading);
        }
    }
    .text-button-nodata {
        transition: all .3s ease;
        font-size: 14px;
        margin: 0;
        line-height: 21px ;
        font-weight: 500;
        border-radius: 28px;
        background-color: #f2f3f5;
        padding: 18px 45px 18px 45px;
        text-transform: uppercase;
        color: var(--heading); 
        display: inline-block;
    }
}

cmd: