| 1 |
:root{--easy-primary-color:#7455FF;--easy-white-color:#ffffff;--easy-title-color:#09051B;--easy-black-color:#000000}.easyel-tColor{color:var(--easy-title-color)}.overflow-hidden{overflow:hidden}.easyel-decoration-none{text-decoration:none}.easyel-border-radius-20{border-radius:20px}.easyel-position-rl{position:relative}.easyel-position-ab{position:absolute}.easyel-top-0{top:0}.easyel-bottom-0{bottom:0}.easyel-star-0{left:0}.easyel-end-0{right:0}.easyel-section-gap{padding:120px 80px}.easyel-py-0{padding-top:0;padding-bottom:0}.easyel-dflex{display:flex}.easyel-align-center{align-items:center}.easyel-justify-between{justify-content:space-between}.easyel-section-heading .easyel-title{color:var(--easy-title-color);font-size:40px;font-weight:600;line-height:130%;margin:0 0 35px}.easyel-section-heading .easyel-desc{font-size:18px;color:#09051bcc;margin:0;text-transform:capitalize}.easyel-tab-panel .easyel-dashboard-heading{font-size:28px;font-weight:500;color:var(--easy-title-color);line-height:160%;padding:0;margin-bottom:25px}.easyel-focus-hide:focus{box-shadow:none;outline:0;color:inherit}body.toplevel_page_easy-elements-dashboard #wpbody-content{font-family:Inter,sans-serif!important;font-size:16px}.elementor-panel .elementor-element .icon i.rt-icon::before{display:none}.elementor-panel .elementor-element .icon i.rt-icon::after{width:30px;height:30px;content:"";display:inline-block;border-radius:5px;background:url("../img/icons/easy-editor-logo.svg") no-repeat center center/cover}.elementor-icons-manager__tab-link i.rt-icon{width:30px;height:30px;content:"";border-radius:100%;background:url(../img/icons/easy-editor-logo.svg) no-repeat center center/cover;display:inline-block;position:relative;top:10px;margin-right:6px}.easy-form-table{background-color:#f9f9f9;border-top:3px solid #003599}.easy-widget-row strong{display:block}.easy-form-table td{border:1px solid #0000000a;padding:25px!important;text-align:center;box-sizing:border-box;background:var(--easy-white-color)}.easy-form-table td:nth-child(2n+0){background:#fafafa}.eel-pro-notice{padding:10px;color:#d94a4a;font-weight:700}.eel-popup-note{padding:8px 10px;color:#2271b1;background:#f0f6fb;border-radius:4px;margin:8px 0 0 0;font-size:14px}#easyel-custom-fonts-upload-form input[type=file]{padding:10px;border:2px dashed #0073aa;border-radius:6px;background:#f1f1f1;width:100%;margin-bottom:10px;transition:border-color .3s,background .3s}#easyel-custom-fonts-upload-form input[type=file]:hover{border-color:#00a0d2;background:#e8f7ff}#easyel-custom-fonts-upload-form input[type=file]{padding:10px;border:2px dashed #0073aa;border-radius:6px;background:#f1f1f1;width:100%;margin-bottom:10px;transition:all .3s}#easyel-custom-fonts-upload-form input[type=file]:hover{border-color:#00a0d2;background:#e8f7ff}.easyel-fonts-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:15px}.easyel-font-box{padding:15px;border:1px solid #ccc;border-radius:6px;background:#f9f9f9;text-align:center;transition:transform .2s,box-shadow .2s}.easyel-font-box:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.1)}.easyel-font-box p{margin:5px 0}.easyel-font-box .button-secondary{margin-top:8px}#easy-elements-notifications{position:fixed;top:32px;right:20px;z-index:999999;max-width:400px}.easy-elements-notification{background:var(--easy-white-color);border-left:4px solid;box-shadow:0 2px 8px rgba(0,0,0,.15);margin-bottom:10px;padding:12px 16px;border-radius:4px;font-size:14px;display:none}.easy-elements-notification.success{border-color:#4caf50;color:#155724;background-color:#d4edda}.easy-elements-notification.error{border-color:#f44336;color:#721c24;background-color:#f8d7da}.easy-elements-notification.info{border-color:#2196f3;color:#0c5460;background-color:#d1ecf1}.easyel-builder-tabs{display:flex;gap:10px;margin:15px 0;padding:10px;background:var(--easy-white-color);border:1px solid #ccd0d4}.easyel-tab{padding:6px 12px;border:1px solid #ccd0d4;text-decoration:none;border-radius:4px}.easyel-tab.active,.easyel-tab:hover{background:#2271b1;color:var(--easy-white-color)}.easyel-choose-template{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;max-width:400px;margin:0 auto}.easyel-choose-template h2{font-size:22px;font-weight:600;color:#333;text-align:center}.easyel-template-type{width:100%}.easyel-builder-template-name,.easyel-builder-tmpl-type{width:100%;padding:8px 15px!important;border:1px solid #ddd!important;border-radius:4px!important;font-size:15px;outline:0;transition:all .3s ease}.easyel-builder-template-name:focus,.easyel-builder-tmpl-type:focus{border-color:#4a90e2;box-shadow:0 0 8px rgba(74,144,226,.3)}.easyel-builder-tmpl-type option{padding:10px}.easyel-builder-template-name::placeholder{color:#aaa;font-style:italic}.easyel-overview-header{padding:24px 30px;background:var(--easy-white-color)}.easyel-plugin-settings-wrapper{display:flex;justify-content:flex-start;gap:30px;margin-top:35px}.easyel-nav-tab-item{width:20%}.easyel-nav-tab-wrapper{position:sticky;top:50px;height:85vh}.easyel-nav-tab-wrapper,.easyel-tab-panel{padding:20px;background:var(--easy-white-color)}.easyel-nav-tab,.easyel-nav-tab-pro{display:flex;gap:10px;align-items:center;font-size:18px;color:var(--easy-title-color);font-weight:500;text-decoration:none;padding:16px;margin-bottom:24px;border-radius:10px;transition:.3s;line-height:1em}.easyel-nav-tab i,.easyel-nav-tab-pro i{font-size:23px}.easyel-nav-tab-active,.easyel-nav-tab:focus,.easyel-nav-tab:hover{background:var(--easy-primary-color);color:var(--easy-white-color);outline:0;box-shadow:none}.easyel-tab-pro-link{position:absolute;left:20px;bottom:20px;width:calc(100% - 40px)}.easyel-tab-pro-link .easyel-nav-tab-pro{margin-bottom:0;border-radius:8px;color:var(--easy-primary-color);background:#7455ff26;justify-content:center}.easyel-tab-pro-link .easyel-nav-tab-pro i{font-size:23px;top:-2px;position:relative}#easyel-tab-content{width:77%}.easyel-overview-area{margin:0}.easyel-overview-area .easyel-position-rl{background-image:url(../../../admin/img/overview/easy-right-gallery-overview.webp)!important;background-position:top 50% right -30%;background-repeat:no-repeat;background-size:61%}.easyel-overview-area .easyel-banner-section .easyel-shape-2{margin-top:30px}.easyel-overview-area .easyel-banner-content-area{background:#f1f2fa80;padding:120px 60px 78px}.easyel-overview-area .easyel-banner-content{max-width:432px;width:100%;position:relative;z-index:2}.easyel-overview-area .easyel-banner-content .title{margin-top:40px;font-size:56px;line-height:1em}.easyel-overview-area .easyel-banner-content .title span{color:var(--easy-primary-color);font-weight:700}.easyel-overview-area .easyel-banner-rating{gap:30px;margin-top:70px}.easyel-overview-area .easyel-rating-content{gap:20px}.easyel-overview-area .easyel-banner-rating h3{font-size:40px;margin:0}.easyel-overview-area .easyel-rating .rating-icon i{color:#1cb165;font-size:16px;width:16px;height:16px}.easyel-overview-area .easyel-rating span{color:var(--easy-black-color);font-size:14px}.easyel-overview-area .easyel-btn{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:600;padding:14px 28px;color:var(--easy-white-color);border:2px solid transparent;border-radius:30px;background:linear-gradient(to right,#8e74ff,var(--easy-primary-color) 57%,var(--easy-primary-color)) padding-box,linear-gradient(to right,var(--easy-primary-color),#c2b4ff) border-box;background-size:200% 100%;background-position:left center;transition:all .4s ease}.easyel-overview-area .easyel-btn i{font-size:22px}.easyel-overview-area .easyel-btn:focus,.easyel-overview-area .easyel-btn:hover{color:var(--easy-white-color);background:linear-gradient(to left,var(--easy-primary-color),#8e74ff 57%,var(--easy-primary-color)) padding-box,linear-gradient(to left,#c2b4ff,var(--easy-primary-color)) border-box;background-size:200% 100%;background-position:right center;box-shadow:none;outline:0}.easyel-overview-area .easyel-docx-area{gap:40px}.easyel-overview-area .easyel-docx-image-area{background:#f9fafd;padding:50px}.easyel-overview-area .easyel-docx-image-area img{max-width:100%}.easyel-overview-area .easyel-docx-content{max-width:490px;width:100%;padding-bottom:55px}.easyel-overview-area .easyel-video-heading{max-width:600px;text-align:center;margin:auto;padding-bottom:40px}.easyel-overview-area .easyel-video-heading .easyel-title{margin-bottom:20px}.easyel-overview-area .easyel-video-items{gap:28px}.easyel-overview-area .easyel-video-item{flex-basis:33%;width:33%}.easyel-overview-area .easyel-video-img span{display:none}.easyel-overview-area .easyel-video-img a{display:block;border-radius:20px;overflow:hidden}.easyel-overview-area .easyel-video-img a::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:var(--easy-white-color);opacity:.2}.easyel-overview-area .easyel-video-img a img{width:100%;max-height:200px;object-fit:cover}.easyel-overview-area .easyel-video-img svg{width:50px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.easyel-overview-area .easyel-video-item .easyel-video-text{font-size:16px;font-weight:600;margin:20px 0 0}.easyel-overview-area .easyel-video-btn{text-align:center;margin-top:50px}#easyel-popup-video-area{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:9999}#easyel-popup-video-area .easyel-popup-content{position:relative;max-width:800px;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}#easyel-popup-video-area .easyel-popup-video{aspect-ratio:16/9;border-radius:12px;overflow:hidden}#easyel-popup-video-area .easyel-popup-close{position:absolute;top:-23px;right:-23px;font-size:18px;font-weight:700;width:32px;height:32px;color:var(--easy-white-color);background:linear-gradient(to left,var(--easy-primary-color),#8e74ff 57%,var(--easy-primary-color));opacity:.8;border-radius:50%;cursor:pointer;z-index:10;justify-content:center;transition:all .3s ease}#easyel-popup-video-area .easyel-popup-close:hover{transform:scale(1.1)}#easyel-popup-video-area iframe{width:100%;height:100%;border:none;display:block}.easyel-faq-area{gap:30px}.easyel-faq-heading{max-width:335px;width:100%}.easyel-faq-heading .easyel-title{font-size:32px;margin-bottom:30px}.easyel-faq-item:not(:last-child){padding-bottom:40px}.easyel-faq-item-heading{position:relative;width:100%;text-align:left;font-size:20px;font-weight:600;padding:0;cursor:pointer;background:0 0;border:none;outline:0}.easyel-faq-item-heading span{display:inline-block;width:93%}.easyel-faq-item-heading:before{content:"↓";position:absolute;right:0;width:25px;height:25px;color:var(--easy-primary-color);font-size:18px;display:flex;justify-content:center;align-items:center;border:2px solid var(--easy-primary-color);border-radius:50%}.easyel-faq-item.active .easyel-faq-item-heading:before{content:"↑"}.easyel-faq-item-content{display:none;padding-top:12px;font-weight:500;line-height:1.5;width:95%}.easyel-requestFeature-section{background:#f9fafd;padding:100px 40px 40px}.easyel-requestFeature-heading{max-width:800px;width:100%;margin:auto;text-align:center;margin-bottom:60px}.easyel-requestFeature-heading .easyel-title{margin-bottom:20px}.easyel-requestFeature-heading .easyel-btn{margin-top:40px}.easyel-requestFeature-image img{width:100%}.easyel-support-area{padding-top:60px;gap:20px}.easyel-support-item{padding:28px;width:50%;position:relative}.easyel-support-item-left{background:#f9fafd}.easyel-support-item img{width:100%}.easyel-support-heading{max-width:450px;width:100%;margin-bottom:110px}.easyel-support-heading .easyel-title{font-size:28px;margin-top:35px;margin-bottom:28px}.easyel-support-item .easyel-btn{position:absolute;left:28px;bottom:28px}.easyel-support-item-right{background:var(--easy-primary-color)}.easyel-support-item-right .easyel-support-heading *{color:var(--easy-white-color)!important}.easyel-support-item-right .easyel-btn{background:linear-gradient(to right,var(--easy-white-color),var(--easy-white-color)) padding-box,linear-gradient(to right,var(--easy-primary-color),#c2b4ff) border-box;color:var(--easy-primary-color)}.easyel-support-item-right .easyel-btn svg{fill:currentColor}.easyel-addon-search button{font-size:16px;line-height:150%;border:none;box-shadow:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.easyel-addon-search .easyel-action-btn{background:#7455ff1a;color:var(--easy-primary-color);padding:6px 16px;margin-right:5px}.easyel-addon-search .easyel-action-btn.active,.easyel-addon-search .easyel-action-btn:hover{background:var(--easy-primary-color);color:var(--easy-white-color)}.easyel-widget-activeDeactivate-button button{background:var(--easy-primary-color);color:var(--easy-white-color);font-weight:500;padding:12px 24px}.easyel-widget-activeDeactivate-button button#deactivate-all-btn{margin-left:10px;background:#e21700}.easyel-addon-search #element-search{width:100%;font-size:14px;background:#f4f6f8;color:var(--easy-title-color);padding:8px 12px;border:none;box-shadow:none;border-radius:10px;margin-top:24px;height:36px}.easyel-addon-search #element-search::placeholder{color:#919eab}.easyel-extension-wrapper,.easyel-widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding-bottom:20px}.easyel-extension-group-title,.easyel-widget-group-title{font-size:20px;font-weight:600;color:var(--easy-title-color);margin:40px 0 28px}.easyel-widget-card{position:relative;overflow:hidden;background:#f1f2fa;padding:10px;border-radius:12px}.easyel-widget-card.easyel-pro-enable{opacity:.7}.easyel-widget-icon{font-size:24px;width:60px;height:60px;background:var(--easy-white-color);display:flex;justify-content:center;align-items:center;border-radius:8px;margin-right:12px;position:relative}.easyel-pro-badge{position:absolute;left:50%;top:-4px;background-color:#f2295b;color:var(--easy-white-color);border-radius:36px;font-size:8px;font-weight:500;transform:translateX(-50%);display:inline-flex;align-items:center;gap:3px;padding:4px 6px;line-height:100%}.widget-header strong{font-size:16px;font-weight:600;color:var(--easy-title-color);line-height:1.2}.easyel-demo-link{margin-top:8px;gap:14px}.easyel-demo-link a{font-size:12px;color:#09091480;text-decoration:none;box-shadow:none;transition:.3s;line-height:1em}.easyel-demo-link a i{font-size:14px}.easyel-demo-link a:hover{color:var(--easy-primary-color)}.easy-toggle-switch{position:relative;display:inline-block;width:40px;height:24px;margin-top:0}.easy-toggle-switch input,.easyel-toggle-switch-extension input,.easyel-toggle-switch-widget input{opacity:0;width:0;height:0}.easy-toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e9e9e9;transition:.4s;border-radius:24px}.easy-toggle-switch .slider:before,.easyel-toggle-switch-extension .slider:before,.easyel-toggle-switch-widget .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;top:4px;background-color:var(--easy-white-color);transition:all .3s ease;border-radius:50%}.easy-toggle-switch input:checked+.slider,.easyel-toggle-switch-extension input:checked~.slider,.easyel-toggle-switch-widget input:checked~.slider{background-color:#22c55e}.easy-toggle-switch input:checked+.slider:before{transform:translateX(16px)}.easyel-toggle-switch-extension,.easyel-toggle-switch-widget{display:inline-flex;align-items:center;cursor:pointer;position:relative;user-select:none;gap:10px}.easyel-toggle-switch-extension .easyel-enable-all,.easyel-toggle-switch-widget .easyel-enable-all-widget{font-size:14px;font-weight:500;color:var(--easy-title-color);line-height:1;white-space:nowrap}.easyel-toggle-switch-extension input,.easyel-toggle-switch-widget input{position:absolute}.easyel-toggle-switch-extension .slider,.easyel-toggle-switch-widget .slider{position:relative;width:44px;height:24px;background-color:#e5e7eb;border-radius:24px;transition:all .3s ease}.easyel-toggle-switch-extension .slider:before,.easyel-toggle-switch-widget .slider:before{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.easyel-toggle-switch-extension input:checked~.slider:before,.easyel-toggle-switch-widget input:checked~.slider:before{transform:translateX(20px)}#toplevel_page_easy-elements-dashboard .wp-menu-image{background:url('../../img/easy-dashicon.svg') no-repeat center center!important;background-size:20px 20px!important}#toplevel_page_easy-elements-dashboard .wp-menu-image:before{content:none!important}.easyel-extension-main-wrapper .easyel-widget-icon img{width:28px;height:28px;max-width:100%}.easyel-video-section{display:none}.easyel-promo-notice{padding:0;border:none!important;background:#0d0c24;color:#fff;margin-top:20px;position:relative;overflow:hidden;border-radius:6px;margin-bottom:30px}.easyel-promo-content{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;background:linear-gradient(90deg,#062e87,#0d0c24)}.easyel-promo-left{font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.easyel-promo-left span.orange{color:#ff7a00}.easyel-promo-right{font-size:18px;font-weight:700}.easyel-promo-btn{background:#fff;padding:10px 18px;border-radius:5px;font-weight:600;text-decoration:none;color:#000;margin-left:20px;display:inline-flex;align-items:center;gap:5px;font-size:16px}.easyel-promo-dismiss{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer;text-decoration:none;font-size:16px}.easyel-promo-notice .notice-dismiss::before{font-size:30px}.easyel-promo-notice .notice-dismiss{top:10px;right:10px}.easyel-settings-topbar{display:flex;justify-content:space-between}.easyel-settings-topbar button{background:var(--easy-primary-color);color:var(--easy-white-color);font-weight:500;padding:12px 24px;font-size:16px;line-height:150%;border:none;box-shadow:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.easyel-settings-wrapper .w-100{width:100%!important}.easyel-settings-wrapper .easyel-settings-field{display:flex;margin-bottom:20px}.easyel-settings-field-label{min-width:200px}.easyel-settings-field-inputs{display:flex;gap:10px;flex-direction:column;width:100%}.easyel-settings-field .easyel-settings-field-input{padding:10px 20px;border-radius:4px;border:1px solid #ededed;width:min-content}.easyel-settings-field-group{display:flex;gap:10px;flex-direction:column}.easyel-toast{position:fixed;top:100px;right:20px;background:#2271b1;color:#fff;padding:10px 20px;border-radius:5px;font-size:14px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:99999;opacity:0;transform:translateY(-20px);transition:all .3s ease}.easyel-toast.show{opacity:1;transform:translateY(0)}.easyel-toast.success{background:#46b450}.easyel-toast.error{background:#d63638}.easyel-toast.info{background:#1e73be}.easyel-export-settings .button-primary,.easyel-import-settings .button-primary{background:var(--easy-primary-color);color:var(--easy-white-color);font-weight:500;padding:4px 15px;outline:0;border-radius:6px;border:none}.easyel-export-settings .button-primary:focus,.easyel-export-settings .button-primary:hover,.easyel-import-settings .button-primary:focus,.easyel-import-settings .button-primary:hover{background:var(--easy-primary-color);color:var(--easy-white-color);border:none}.easyel-scroll-smoother-popup-setting{cursor:pointer}.easyel-smooth-scroll-settings-main-wrapper{display:flex;flex-direction:column;gap:30px;max-height:280px;overflow-y:auto}.easyel-smooth-scroll-heading{margin-bottom:40px}.easyel-smooth-scroll-popup{position:fixed;top:100px;left:0;right:0;width:100%;max-width:967px;margin:0 auto;background:#fff;border-top:1px solid #f1f0f3;box-shadow:0 10px 30px 5px rgba(19,65,98,.1);z-index:104;visibility:hidden;opacity:0;padding:30px 20px;transition:opacity .3s linear,clip .6s linear,visibility 0s .2s;transform:translateZ(0);border-radius:12px;opacity:0;z-index:1010}.easyel-smooth-scroll-popup .wrapper{font-weight:400}.easyel-smooth-scroll-popup.active{visibility:visible;opacity:1;transition:clip .6s linear,opacity .2s linear}.easyel-smooth-scroll-popup{overflow-x:hidden;overflow:hidden!important}.easyel-smooth-scroll-popup.active{overflow-x:hidden;overflow:visible!important}.easyel-smooth-scroll-popup-close-icon i.feather-search::before{content:"\ea02"}.ajax-search-close-icon{position:relative}.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon{position:absolute;right:-23px;top:-25px;width:40px;height:40px;z-index:1020;border-radius:50%;border:1px solid #e3e0f5;display:flex;align-items:center;justify-content:center;background-color:#fff;cursor:pointer}.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon i{color:#04122b;text-align:center;font-family:"Font Awesome 6 Pro";font-size:22px;font-style:normal;font-weight:400;line-height:22px;cursor:pointer}.easyel-smooth-scroll-popup{position:fixed;top:100px;left:0;right:0;width:100%;max-width:700px;margin:0 auto;background:#fff;border-top:1px solid #f1f0f3;box-shadow:0 10px 30px 5px rgba(19,65,98,.1);z-index:104;visibility:hidden;opacity:0;transition:opacity .3s linear,clip .6s linear,visibility 0s .2s;transform:translateZ(0);border-radius:12px;opacity:0;z-index:1010}.easyel-smooth-scroll-popup.active{visibility:visible;opacity:1;transition:clip .6s linear,opacity .2s linear}.easyel-smooth-scroll-popup{overflow-x:hidden;overflow:hidden!important}.easyel-smooth-scroll-popup.active{overflow-x:hidden;overflow:visible!important}.easyel-smooth-scroll-popup-close-icon i.feather-search::before{content:"\ea02"}.ajax-search-close-icon{position:relative}.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon{position:absolute;right:-38px;top:-50px;width:35px;height:35px;z-index:1020;border-radius:50%;border:1px solid #e3e0f5;display:flex;align-items:center;justify-content:center;background-color:#fff;cursor:pointer}.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon i{color:#04122b;text-align:center;font-family:"Font Awesome 6 Pro";font-size:22px;font-style:normal;font-weight:400;line-height:22px;cursor:pointer}.easyel-smooth-scroll-popup.active .rbt-search-all-product{overflow-y:auto!important;max-height:calc(100vh - 180px)}.easyel-smooth-scroll-popup .rbt-search-all-product{overflow-x:hidden}.popup-opened #wpbody-content::before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / 52%);z-index:1002;transition:all .7s}.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon:focus{outline:0;border:none;box-shadow:unset!important}.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon:hover{background:var(--easy-primary-color);color:var(--easy-white-color)}.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon:hover svg path{fill:#fff!important}.smooth-scroll-popup-item-save{display:flex;align-items:center;justify-content:flex-end}.smooth_scroll_popup_item_save{font-size:14px;font-weight:700;line-height:30px;padding:2px 15px;background:var(--easy-primary-color);color:var(--easy-white-color);border:1px solid #0074e0;border-radius:5px;margin-top:30px;cursor:pointer}.easyel-smooth-scroll-item{display:flex;align-items:center;gap:15px}.easyel-smooth-scroll-item .easy-field-label{flex:0 0 35%}.easyel-smooth-scroll-item .easy-field-item input[type=number]{width:150px}#easyel-message-box{position:fixed;top:60px;right:20px;background-color:#0074e0;border:1px solid #0074e0;padding:10px 15px;z-index:9999;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:5px;display:none;width:200px;text-transform:capitalize;text-align:center;font-size:18px;color:#fff}#easyel-message-box p{margin:0;font-size:14px;text-align:center;color:#fff}@media only screen and (min-width:1600px) and (max-width:1700px){.easyel-banner-section .easyel-shape-3{width:45%;height:100%}}@media only screen and (min-width:1367px) and (max-width:1599px){.easyel-banner-section .easyel-shape-3{width:40%;height:100%}}@media only screen and (max-width:1400px){.easyel-nav-tab-item{width:25%}.easyel-plugin-settings-wrapper{gap:20px}.easyel-section-gap{padding:80px 10px}}@media only screen and (max-width:1366px){.easyel-banner-section .easyel-shape-3{display:none}}@media only screen and (max-width:1250px){.easyel-section-heading .easyel-title{font-size:28px}.easyel-section-heading .easyel-desc{font-size:16px}}@media only screen and (max-width:990px){.easyel-plugin-settings-wrapper{display:grid}#easyel-tab-content,.easyel-nav-tab-item{width:100%}.easyel-overview-area .easyel-banner-content .title{font-size:36px}.easyel-overview-area .easyel-position-rl{background-image:none}.easyel-overview-area .easyel-banner-content-area{padding:100px 26px 60px}.easyel-overview-area .easyel-banner-rating{display:grid}.easyel-nav-tab,.easyel-nav-tab-pro{margin-bottom:0}} |
| 2 |
|
| 3 |
/*custom font*/ |
| 4 |
|
| 5 |
.easyel-custom-font { |
| 6 |
font-family: "Inter", sans-serif; |
| 7 |
color: #1e293b; |
| 8 |
max-width: 1000px; |
| 9 |
margin: 20px auto; |
| 10 |
padding: 0 15px; |
| 11 |
} |
| 12 |
|
| 13 |
.easyel-custom-font-banner { |
| 14 |
background: linear-gradient(135deg, #6d28d9, #a855f7); |
| 15 |
color: #fff; |
| 16 |
padding: 50px 40px; |
| 17 |
border-radius: 14px; |
| 18 |
text-align: center; |
| 19 |
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); |
| 20 |
margin-bottom: 40px; |
| 21 |
} |
| 22 |
|
| 23 |
.easyel-custom-font-banner h1 { |
| 24 |
margin-bottom: 10px; |
| 25 |
font-size: 28px; |
| 26 |
font-weight: 700; |
| 27 |
color: #fff; |
| 28 |
} |
| 29 |
|
| 30 |
.easyel-custom-font-banner p { |
| 31 |
font-size: 15px; |
| 32 |
opacity: 0.9; |
| 33 |
margin-bottom: 20px; |
| 34 |
} |
| 35 |
|
| 36 |
.easyel-upgrade-btn-custom-font { |
| 37 |
background: #fff; |
| 38 |
color: #6d28d9; |
| 39 |
font-weight: 600; |
| 40 |
text-decoration: none; |
| 41 |
padding: 10px 22px; |
| 42 |
border-radius: 6px; |
| 43 |
transition: all 0.3s ease; |
| 44 |
display: inline-block; |
| 45 |
} |
| 46 |
|
| 47 |
.easyel-upgrade-btn-custom-font:hover { |
| 48 |
background: #ede9fe; |
| 49 |
color: #4c1d95; |
| 50 |
} |
| 51 |
|
| 52 |
.easyel-custom-font-page { |
| 53 |
font-family: "Inter", sans-serif; |
| 54 |
color: #1e293b; |
| 55 |
max-width: 1000px; |
| 56 |
margin: 20px auto; |
| 57 |
padding: 0 15px; |
| 58 |
} |
| 59 |
|
| 60 |
.easyel-plugin-main-settings-page { |
| 61 |
position: relative; |
| 62 |
} |
| 63 |
|
| 64 |
.easyel-plugin-main-settings-page::after { |
| 65 |
content: ""; |
| 66 |
position: absolute; |
| 67 |
inset: 0; |
| 68 |
background: rgba(255, 255, 255, 0.6); |
| 69 |
opacity: 0; |
| 70 |
visibility: hidden; |
| 71 |
transition: opacity 0.3s ease; |
| 72 |
z-index: 10; |
| 73 |
} |
| 74 |
|
| 75 |
|
| 76 |
.easyel-plugin-main-settings-page.is-saving::after { |
| 77 |
opacity: 1; |
| 78 |
visibility: visible; |
| 79 |
} |
| 80 |
|
| 81 |
.easyel-saving-indicator { |
| 82 |
position: fixed; |
| 83 |
top: 50%; |
| 84 |
left: 50%; |
| 85 |
transform: translate(-50%, -50%); |
| 86 |
font-size: 14px; |
| 87 |
font-weight: 600; |
| 88 |
padding: 6px 14px; |
| 89 |
border-radius: 4px; |
| 90 |
z-index: 99999; |
| 91 |
color: #3b82f6; |
| 92 |
opacity: 0; |
| 93 |
|
| 94 |
} |
| 95 |
|
| 96 |
.easyel-plugin-main-settings-page.is-saving .easyel-saving-indicator { |
| 97 |
opacity: 1; |
| 98 |
} |
| 99 |
|
| 100 |
.easyel-promo-right a { |
| 101 |
color: #fff; |
| 102 |
font-size: 18px; |
| 103 |
} |
| 104 |
|
| 105 |
|
| 106 |
/* PRO Upgrade Modal */ |
| 107 |
.easyel-admin-toggle-pro-modal { |
| 108 |
display: none; |
| 109 |
position: fixed; |
| 110 |
inset: 0; |
| 111 |
z-index: 999999; |
| 112 |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto; |
| 113 |
} |
| 114 |
|
| 115 |
.easyel-admin-toggle-pro-modal.active { |
| 116 |
display: block; |
| 117 |
} |
| 118 |
|
| 119 |
.easyel-admin-toggle-pro-modal-overlay { |
| 120 |
position: absolute; |
| 121 |
inset: 0; |
| 122 |
background: rgba(0, 0, 0, 0.65); |
| 123 |
} |
| 124 |
|
| 125 |
.easyel-admin-toggle-pro-modal-content { |
| 126 |
position: relative; |
| 127 |
max-width: 520px; |
| 128 |
margin: 10% auto; |
| 129 |
background: #fff; |
| 130 |
border-radius: 14px; |
| 131 |
padding: 32px; |
| 132 |
text-align: center; |
| 133 |
box-shadow: 0 25px 60px rgba(0,0,0,.25); |
| 134 |
animation: easyelAdminTogglePop .3s ease; |
| 135 |
} |
| 136 |
|
| 137 |
@keyframes easyelAdminTogglePop { |
| 138 |
from { transform: scale(.92); opacity: 0; } |
| 139 |
to { transform: scale(1); opacity: 1; } |
| 140 |
} |
| 141 |
|
| 142 |
.easyel-admin-toggle-pro-modal-close { |
| 143 |
position: absolute; |
| 144 |
top: 12px; |
| 145 |
right: 14px; |
| 146 |
background: none; |
| 147 |
border: none; |
| 148 |
font-size: 22px; |
| 149 |
cursor: pointer; |
| 150 |
} |
| 151 |
|
| 152 |
.easyel-admin-toggle-pro-badge { |
| 153 |
display: inline-block; |
| 154 |
background: linear-gradient(135deg, #ff4d4d, #ff9f43); |
| 155 |
color: #fff; |
| 156 |
font-weight: 700; |
| 157 |
padding: 4px 14px; |
| 158 |
border-radius: 20px; |
| 159 |
font-size: 12px; |
| 160 |
margin-bottom: 12px; |
| 161 |
} |
| 162 |
|
| 163 |
.easyel-admin-toggle-pro-feature-list { |
| 164 |
text-align: left; |
| 165 |
margin: 22px 0; |
| 166 |
padding-left: 0; |
| 167 |
list-style: none; |
| 168 |
} |
| 169 |
|
| 170 |
.easyel-admin-toggle-pro-feature-list li { |
| 171 |
margin-bottom: 10px; |
| 172 |
font-size: 14px; |
| 173 |
} |
| 174 |
|
| 175 |
.easyel-admin-toggle-pro-actions { |
| 176 |
display: flex; |
| 177 |
justify-content: center; |
| 178 |
gap: 14px; |
| 179 |
} |
| 180 |
|
| 181 |
.easyel-admin-toggle-pro-upgrade-btn { |
| 182 |
background: #ff4d4d; |
| 183 |
color: #fff; |
| 184 |
padding: 12px 24px; |
| 185 |
border-radius: 10px; |
| 186 |
text-decoration: none; |
| 187 |
font-weight: 600; |
| 188 |
} |
| 189 |
|
| 190 |
.easyel-admin-toggle-pro-upgrade-btn:hover { |
| 191 |
background: #e63e3e; |
| 192 |
} |
| 193 |
|
| 194 |
.easyel-admin-toggle-pro-modal-cancel { |
| 195 |
background: #f0f0f0; |
| 196 |
border: none; |
| 197 |
padding: 12px 20px; |
| 198 |
border-radius: 10px; |
| 199 |
cursor: pointer; |
| 200 |
} |
| 201 |
|
| 202 |
/* Locked widget feel */ |
| 203 |
.easy-widget-item.easyel-pro-enable { |
| 204 |
cursor: pointer; |
| 205 |
} |
| 206 |
|
| 207 |
.easy-widget-item.easyel-pro-enable .widget-toggle-checkbox { |
| 208 |
cursor: not-allowed; |
| 209 |
} |
| 210 |
|
| 211 |
.easy-widget-item.easyel-pro-enable .easyel-widget-card-switcher { |
| 212 |
cursor: pointer; |
| 213 |
} |
| 214 |
|
| 215 |
.easy-widget-item.easyel-pro-enable .widget-toggle-checkbox { |
| 216 |
pointer-events: none; |
| 217 |
} |
| 218 |
|
| 219 |
.easyel-readingprogress-bar-popup-setting { |
| 220 |
cursor: pointer; |
| 221 |
} |
| 222 |
|
| 223 |
|
| 224 |
.easyel-reading-progressbar-popup-setting { |
| 225 |
cursor: pointer; |
| 226 |
} |
| 227 |
|
| 228 |
.easyel-reading-progressbar-settings-main-wrapper { |
| 229 |
display: flex; |
| 230 |
flex-direction: column; |
| 231 |
gap: 30px; |
| 232 |
max-height: 300px; |
| 233 |
overflow-y: auto; |
| 234 |
} |
| 235 |
.easyel-reading-progressbar-heading { |
| 236 |
margin-bottom: 40px; |
| 237 |
} |
| 238 |
|
| 239 |
.easyel-reading-progressbar-popup { |
| 240 |
position: fixed; |
| 241 |
top: 100px; |
| 242 |
left: 0; |
| 243 |
right: 0; |
| 244 |
width: 100%; |
| 245 |
max-width: 967px; |
| 246 |
margin: 0 auto; |
| 247 |
background: white; |
| 248 |
border-top: 1px solid #f1f0f3; |
| 249 |
box-shadow: 0px 10px 30px 5px rgba(19, 65, 98, 0.10); |
| 250 |
z-index: 104; |
| 251 |
visibility: hidden; |
| 252 |
opacity: 0; |
| 253 |
padding: 30px 20px; |
| 254 |
transition: opacity 0.3s linear, clip 0.6s linear, visibility 0s 0.2s; |
| 255 |
transform: translateZ(0); |
| 256 |
border-radius: 12px; |
| 257 |
opacity: 0; |
| 258 |
z-index: 1010; |
| 259 |
} |
| 260 |
|
| 261 |
.easyel-reading-progressbar-popup .wrapper { |
| 262 |
font-weight: 400; |
| 263 |
} |
| 264 |
|
| 265 |
.easyel-reading-progressbar-popup.active { |
| 266 |
visibility: visible; |
| 267 |
opacity: 1; |
| 268 |
transition: clip 0.6s linear, opacity 0.2s linear; |
| 269 |
} |
| 270 |
|
| 271 |
.easyel-reading-progressbar-popup { |
| 272 |
overflow-x: hidden; |
| 273 |
overflow: hidden!important; |
| 274 |
} |
| 275 |
|
| 276 |
.easyel-reading-progressbar-popup.active { |
| 277 |
overflow-x: hidden; |
| 278 |
overflow: visible!important; |
| 279 |
} |
| 280 |
|
| 281 |
.easyel-reading-progressbar-popup-close-icon i.feather-search::before { |
| 282 |
content: "\ea02"; |
| 283 |
} |
| 284 |
|
| 285 |
.ajax-search-close-icon { |
| 286 |
position: relative; |
| 287 |
} |
| 288 |
|
| 289 |
.easyel-reading-progressbar-popup .easyel-reading-progressbar-popup-close-icon { |
| 290 |
position: absolute; |
| 291 |
right: -23px; |
| 292 |
top: -25px; |
| 293 |
width: 40px; |
| 294 |
height: 40px; |
| 295 |
z-index: 1020; |
| 296 |
border-radius: 50%; |
| 297 |
border: 1px solid #E3E0F5; |
| 298 |
display: flex; |
| 299 |
align-items: center; |
| 300 |
justify-content: center; |
| 301 |
background-color: #fff; |
| 302 |
cursor: pointer; |
| 303 |
} |
| 304 |
.easyel-reading-progressbar-popup .easyel-reading-progressbar-popup-close-icon i { |
| 305 |
color: #04122B; |
| 306 |
text-align: center; |
| 307 |
font-family: "Font Awesome 6 Pro"; |
| 308 |
font-size: 22px; |
| 309 |
font-style: normal; |
| 310 |
font-weight: 400; |
| 311 |
line-height: 22px; |
| 312 |
cursor: pointer; |
| 313 |
} |
| 314 |
|
| 315 |
.easyel-reading-progressbar-popup { |
| 316 |
position: fixed; |
| 317 |
top: 100px; |
| 318 |
left: 0; |
| 319 |
right: 0; |
| 320 |
width: 100%; |
| 321 |
max-width: 700px; |
| 322 |
margin: 0 auto; |
| 323 |
background: white; |
| 324 |
border-top: 1px solid #f1f0f3; |
| 325 |
box-shadow: 0px 10px 30px 5px rgba(19, 65, 98, 0.1); |
| 326 |
z-index: 104; |
| 327 |
visibility: hidden; |
| 328 |
opacity: 0; |
| 329 |
transition: opacity 0.3s linear, clip 0.6s linear, visibility 0s 0.2s; |
| 330 |
transform: translateZ(0); |
| 331 |
border-radius: 12px; |
| 332 |
opacity: 0; |
| 333 |
z-index: 1010; |
| 334 |
} |
| 335 |
|
| 336 |
.easyel-reading-progressbar-popup.active { |
| 337 |
visibility: visible; |
| 338 |
opacity: 1; |
| 339 |
transition: clip 0.6s linear, opacity 0.2s linear; |
| 340 |
} |
| 341 |
|
| 342 |
.easyel-reading-progressbar-popup { |
| 343 |
overflow-x: hidden; |
| 344 |
overflow: hidden !important; |
| 345 |
} |
| 346 |
|
| 347 |
.easyel-reading-progressbar-popup.active { |
| 348 |
overflow-x: hidden; |
| 349 |
overflow: visible !important; |
| 350 |
} |
| 351 |
|
| 352 |
.easyel-reading-progressbar-popup-close-icon i.feather-search::before { |
| 353 |
content: "\ea02"; |
| 354 |
} |
| 355 |
|
| 356 |
.ajax-search-close-icon { |
| 357 |
position: relative; |
| 358 |
} |
| 359 |
|
| 360 |
.easyel-reading-progressbar-popup .easyel-reading-progressbar-popup-close-icon { |
| 361 |
position: absolute; |
| 362 |
right: -38px; |
| 363 |
top: -50px; |
| 364 |
width: 35px; |
| 365 |
height: 35px; |
| 366 |
z-index: 1020; |
| 367 |
border-radius: 50%; |
| 368 |
border: 1px solid #E3E0F5; |
| 369 |
display: flex; |
| 370 |
align-items: center; |
| 371 |
justify-content: center; |
| 372 |
background-color: #fff; |
| 373 |
cursor: pointer; |
| 374 |
} |
| 375 |
|
| 376 |
.easyel-reading-progressbar-popup .easyel-reading-progressbar-popup-close-icon i { |
| 377 |
color: #04122B; |
| 378 |
text-align: center; |
| 379 |
font-family: "Font Awesome 6 Pro"; |
| 380 |
font-size: 22px; |
| 381 |
font-style: normal; |
| 382 |
font-weight: 400; |
| 383 |
line-height: 22px; |
| 384 |
cursor: pointer; |
| 385 |
} |
| 386 |
|
| 387 |
.easyel-reading-progressbar-popup.active .rbt-search-all-product { |
| 388 |
overflow-y: auto !important; |
| 389 |
max-height: calc(100vh - 180px); |
| 390 |
} |
| 391 |
|
| 392 |
.easyel-reading-progressbar-popup .rbt-search-all-product { |
| 393 |
overflow-x: hidden; |
| 394 |
} |
| 395 |
|
| 396 |
.popup-opened #wpbody-content::before { |
| 397 |
content: " "; |
| 398 |
position: absolute; |
| 399 |
top: 0; |
| 400 |
left: 0; |
| 401 |
width: 100%; |
| 402 |
height: 100%; |
| 403 |
background-color: rgb(0 0 0 / 52%); |
| 404 |
z-index: 1002; |
| 405 |
transition: all 0.7s; |
| 406 |
} |
| 407 |
|
| 408 |
.easyel-reading-progressbar-popup .easyel-reading-progressbar-popup-close-icon:focus { |
| 409 |
outline: none; |
| 410 |
border: none; |
| 411 |
box-shadow: unset!important; |
| 412 |
} |
| 413 |
|
| 414 |
.easyel-reading-progressbar-popup .easyel-reading-progressbar-popup-close-icon:hover { |
| 415 |
background: var(--easy-primary-color); |
| 416 |
color: var(--easy-white-color); |
| 417 |
} |
| 418 |
|
| 419 |
.easyel-reading-progressbar-popup .easyel-reading-progressbar-popup-close-icon:hover svg path { |
| 420 |
fill: #fff!important; |
| 421 |
} |
| 422 |
|
| 423 |
|
| 424 |
.reading_progressbar_popup_item_save { |
| 425 |
font-size: 14px; |
| 426 |
font-weight: bold; |
| 427 |
line-height: 30px; |
| 428 |
padding: 2px 15px; |
| 429 |
background: var(--easy-primary-color); |
| 430 |
color: var(--easy-white-color); |
| 431 |
border: 1px solid #0074e0; |
| 432 |
border-radius: 5px; |
| 433 |
margin-top: 30px; |
| 434 |
cursor: pointer; |
| 435 |
} |
| 436 |
|
| 437 |
.easyel-reading-progressbar-item { |
| 438 |
display: flex; |
| 439 |
align-items: center; |
| 440 |
gap: 15px; |
| 441 |
padding-right: 30px; |
| 442 |
} |
| 443 |
|
| 444 |
.easyel-reading-progressbar-item .easy-field-label { |
| 445 |
flex: 0 0 35%; |
| 446 |
} |
| 447 |
|
| 448 |
.easyel-reading_progressbar-item .easy-field-item input[type="number"] { |
| 449 |
width: 150px; |
| 450 |
} |
| 451 |
|
| 452 |
.easyel-reading-progressbar-item .easyel-checkbox-group { |
| 453 |
display: flex; |
| 454 |
flex-direction: column; |
| 455 |
margin-top: 20px; |
| 456 |
gap: 15px; |
| 457 |
padding: 10px; |
| 458 |
} |
| 459 |
|
| 460 |
.easyel-reading-progressbar-item .easyel-pro-notice { |
| 461 |
color: #d62b87; |
| 462 |
flex: 1 1 100%; |
| 463 |
font-size: 13px; |
| 464 |
} |
| 465 |
|
| 466 |
.easyel-extension-heading-group .easyel-group-toggle::before { |
| 467 |
display: none !important; |
| 468 |
} |
| 469 |
|
| 470 |
.easyel-extension-heading-group .easyel-group-toggle { |
| 471 |
border: none; |
| 472 |
} |
