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/_package.scss (2631B)

.align-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -36px;

.icon {
            transition: all .3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 72px;
            width: 72px;
            border-radius: 50%;
            background-color: var(--heading);
            position: relative;
            overflow: hidden;
            &:hover {
                transition: all .3s ease;
            }
            i {
                transition: all .3s ease;
                font-size: 32px;
                color: #fff ;
            }
        }
    }

.info {
        padding: 20px;
        .title {
            text-align: center;
            &:hover {
                transition: all .3s ease;
            }
            transition: all .3s ease;
            margin: 0;
            padding-bottom: 24px;
            padding-top: 14px;
            color: var(--heading);
            font-size: 22px;
            font-weight: 400;
            line-height: 33px;
            text-transform: uppercase;
        }
    
        .items {
            position: relative;
            -webkit-transition: all .3s ease;
			-o-transition: all .3s ease;
            transition: all .3s ease;
            margin: 0 auto;
            width: max-content;
            padding-bottom: 14px;
            color: var(--heading);
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 500;
            line-height: 21px;

&:before{
                position: absolute;
                content: '';
                width: 0%;
                height: 1px;
                left: 0;
                bottom: 12px;
                transition: all .5s ease;
                background-color: var(--primary);
            }

&:hover{
                color: var(--primary);
                &:before{
                    width: 100%;
                }
            }
        }
    }
}

.ova-package { transition: all .3s ease; &:hover { transition: all .3s ease; .icon { i { transition: all .3s ease; transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); } } } .image { img { width: 100%; height: auto; vertical-align: middle; } } .align-icon { display: flex; justify-content: center; align-items: center; margin-top: -36px; .icon { transition: all .3s ease; display: flex; justify-content: center; align-items: center; height: 72px; width: 72px; border-radius: 50%; background-color: var(--heading); position: relative; overflow: hidden; &:hover { transition: all .3s ease; } i { transition: all .3s ease; font-size: 32px; color: #fff ; } } } .info { padding: 20px; .title { text-align: center; &:hover { transition: all .3s ease; } transition: all .3s ease; margin: 0; padding-bottom: 24px; padding-top: 14px; color: var(--heading); font-size: 22px; font-weight: 400; line-height: 33px; text-transform: uppercase; } .items { position: relative; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin: 0 auto; width: max-content; padding-bottom: 14px; color: var(--heading); text-transform: uppercase; font-size: 14px; font-weight: 500; line-height: 21px; &:before{ position: absolute; content: ''; width: 0%; height: 1px; left: 0; bottom: 12px; transition: all .5s ease; background-color: var(--primary); } &:hover{ color: var(--primary); &:before{ width: 100%; } } } } }