芝麻web文件管理V1.00
编辑当前文件:/home/soundframestudio/public_html/wp-content/themes/betheme/muffin-options/css/options.css
/* Colors */ .mfn-ui-light { --mfn-ui-background: #f3f6f9; --mfn-ui-primary: #72a5d8; --mfn-ui-text-color: #7987a2; --mfn-ui-text-color-2: #9ea8bb; --mfn-ui-heading: #304050; --mfn-ui-highlight: #72a5d8; --mfn-ui-link: #72a5d8; --mfn-ui-link-hover: #5388be; --mfn-ui-badge-bg: rgba(0,0,0,.03); --mfn-ui-border-1: #e7ebf2; --mfn-ui-border-2: #d3d5d8; --mfn-ui-border-opacity-6: rgba(0,0,0,.06); --mfn-ui-svg:#2d3c4d; --mfn-ui-error-text: #e16666; --mfn-ui-bg-05:rgba(255,255,255,.3); --mfn-ui-bg-1:rgba(255,255,255,.5); --mfn-ui-bg-2:#fff; --mfn-ui-toolip: #304050; --mfn-ui-toolip-color: #fff; --mfn-ui-version: #b3bbc4; --mfn-ui-menu-link: #304050; --mfn-ui-menu-link-hover: #fff; --mfn-ui-menu-bg-hover: #72a5d8; --mfn-ui-menu-submenu-link: #7987a2; --mfn-ui-btn-bg: #edf1f5; --mfn-ui-btn-color: #304050; --mfn-ui-btn-bg-hover: #e0e8ef; --mfn-ui-btn-color-hover: #304050; --mfn-ui-btn-green-bg: #489c6d; --mfn-ui-btn-green-bg-hover: #388a5c; --mfn-ui-btn-blue-bg: #72a5d8; --mfn-ui-btn-blue-bg-hover: #5388be; --mfn-ui-btn-red-bg: #e16666; --mfn-ui-btn-red-bg-hover: #ca4e4e; --mfn-ui-option-btn-color: #304050; --mfn-ui-option-btn-bg: #f9f9f9; --mfn-ui-option-btn-bg-hover: #f4f4f4; --mfn-ui-option-btn-bg-sep: #ebeef1; --mfn-ui-option-btn-green-bg: #e0f8ea; --mfn-ui-option-btn-green-bg-hover: #edfff4; --mfn-ui-option-btn-blue-bg: #e2ecf9; --mfn-ui-option-btn-blue-bg-hover: #eef5fe; --mfn-ui-label: #304050; --mfn-ui-input-bg: #fff; --mfn-ui-input-disabled-bg: #cedae6; --mfn-ui-input-disabled-color: rgba(48,64,80,.5); --mfn-ui-input-bg-readonly: #f9f9f9; --mfn-ui-input-border: #e4e9ee; --mfn-ui-input-color: #304050; --mfn-ui-input-placeholder-color: #304050; --mfn-ui-range-slider-bg: rgba(168, 188, 208, 0.15); --mfn-ui-range-slider-handle: #fff; --mfn-ui-range-slider-unit: #304050; --mfn-ui-input-label-bg: #f9f9f9; --mfn-ui-input-label-color: rgba(48,64,80,.6); --mfn-ui-input-label-link-color: #304050; --mfn-ui-input-label-color-hover: #fff; --mfn-ui-input-label-bg-hover: #72a5d8; --mfn-ui-input-label-border-hover: #72a5d8; --mfn-ui-input-hover-border: #72a5d8; --mfn-ui-input-focus-border: #72a5d8; --mfn-ui-input-focus-color: #304050; --mfn-ui-input-focus-shadow: rgba(114,165,216,0.25); --mfn-ui-input-error-border: #e69b94; --mfn-ui-input-error-shadow: rgba(223,103,91,0.25); --mfn-ui-typography-bg: #fff; --mfn-ui-typography-shadow: rgba(31,30,47,0.15); --mfn-ui-segmented-options-bg: #f9f9f9; --mfn-ui-segmented-options-border: #e4e9ee; --mfn-ui-segmented-options-color: #304050; --mfn-ui-segmented-options-bg-hover: #f4f4f4; --mfn-ui-segmented-options-bg-active: #72a5d8; --mfn-ui-segmented-options-border-active: #72a5d8; --mfn-ui-segmented-options-color-active: #fff; --mfn-ui-visual-options-bg: rgba(114, 165, 216, 0.04); --mfn-ui-visual-options-bg-hover: rgba(114, 165, 216, 0.07); --mfn-ui-checkboxes-title: #304050; --mfn-ui-checkboxes-title-label: #929daa; --mfn-ui-checkboxes-input: #d2dae1; --mfn-ui-checkboxes-input-active: #72a5d8; --mfn-ui-checkboxes-bar-hover: rgba(114,165,216,0.07); --mfn-ui-panel-icon-bg: #e3f1ff; --mfn-ui-panel-heading-bg: #ecf2f5; --mfn-ui-card-bg: #fff; --mfn-ui-card-border: #eceff5; --mfn-ui-card-icon-bg: #e3f1ff; --mfn-ui-modal-overlay: rgba(25,37,48,.9); --mfn-ui-modal-bg: #fff; --mfn-ui-modal-content-bg: #f2f6fa; --mfn-ui-modal-border: #eceff5; --mfn-ui-modal-icon-bg: #e3f1ff; --mfn-ui-modal-list-bg: rgba(114, 165, 216, 0.04); --mfn-ui-modal-list-color: #304050; --mfn-ui-modal-list-bg-hover: rgba(114, 165, 216, 0.07); --mfn-ui-alert-bg: #e3f1ff; --mfn-ui-alert-color: #304050; --mfn-ui-alert-warning-bg: #fdd; --mfn-ui-alert-warning-color: #304050; --mfn-ui-alert-info-bg: #fff6d5; --mfn-ui-label: #304050; --mfn-ui-input-bg: #fff; --mfn-ui-input-disabled-bg: #cedae6; --mfn-ui-input-disabled-color: rgba(48,64,80,.5); --mfn-ui-input-bg-readonly: #f9f9f9; --mfn-ui-input-border: #e4e9ee; --mfn-ui-input-color: #304050; --mfn-ui-input-placeholder-color: #304050; --mfn-ui-range-slider-bg: rgba(168, 188, 208, 0.15); --mfn-ui-range-slider-handle: #fff; --mfn-ui-range-slider-unit: #304050; --mfn-ui-input-label-bg: #f9f9f9; --mfn-ui-input-label-color: rgba(48,64,80,.6); --mfn-ui-input-label-link-color: #304050; --mfn-ui-input-label-color-hover: #fff; --mfn-ui-input-label-bg-hover: #72a5d8; --mfn-ui-input-label-border-hover: #72a5d8; --mfn-ui-input-hover-border: #72a5d8; --mfn-ui-input-focus-border: #72a5d8; --mfn-ui-input-focus-color: #304050; --mfn-ui-input-focus-shadow: rgba(114,165,216,0.25); --mfn-ui-input-error-border: #e69b94; --mfn-ui-input-error-shadow: rgba(223,103,91,0.25); --mfn-ui-checkboxes-title: #304050; --mfn-ui-checkboxes-title-label: #929daa; --mfn-ui-checkboxes-input: #d2dae1; --mfn-ui-checkboxes-input-active: #72a5d8; --mfn-ui-checkboxes-bar-hover: rgba(114,165,216,0.07); --mfn-ui-segmented-options-bg: #f9f9f9; --mfn-ui-segmented-options-border: #e4e9ee; --mfn-ui-segmented-options-color: #304050; --mfn-ui-segmented-options-bg-hover: #f4f4f4; --mfn-ui-segmented-options-bg-active: #72a5d8; --mfn-ui-segmented-options-border-active: #72a5d8; --mfn-ui-segmented-options-color-active: #fff; --mfn-ui-visual-options-bg: rgba(114, 165, 216, 0.04); --mfn-ui-visual-options-color: #304050; --mfn-ui-visual-options-desc: #929daa; --mfn-ui-visual-options-bg-hover: rgba(114, 165, 216, 0.07); --mfn-ui-shadow-1: 0px 2px 4px rgba(31,30,47,0.03); --mfn-ui-shadow-2: 0px 4px 10px 5px rgba(31,30,47,0.04); --mfn-ui-disabled-overlay: rgba(255,255,255,.85); --mfn-ui-filters-bg: #fff; --mfn-ui-filters-color: #304050; --mfn-ui-filters-border: #e7ebf2; --mfn-ui-filters-bg-hover: #F9FAFB; --mfn-ui-filters-color-hover: #304050; --mfn-ui-filters-submenu-bg-hover: #f1f3f5; } .mfn-ui-dark { --mfn-ui-background: #1F1F21; /* #171718 */ --mfn-ui-text-color: #9B99A0; --mfn-ui-text-color-2: #69676F; --mfn-ui-heading: #fff; --mfn-ui-highlight: #72a5d8; --mfn-ui-link: #72a5d8; --mfn-ui-link-hover: #A5D2FF; --mfn-ui-badge-bg: rgba(0,0,0,.15); --mfn-ui-border-1: #2c2b2e;/* 2c2b2e */ --mfn-ui-border-2: #57565a; --mfn-ui-border-opacity-6: rgba(0,0,0,.35); --mfn-ui-svg:#fff; --mfn-ui-bg-05:rgba(255,255,255,.03); --mfn-ui-bg-1:rgba(255,255,255,.05); --mfn-ui-bg-2:rgba(255,255,255,.1); --mfn-ui-toolip: #171618; --mfn-ui-toolip-color: #fff; --mfn-ui-version: #7F7D84; --mfn-ui-menu-link: #fff; --mfn-ui-menu-link-hover: #fff; --mfn-ui-menu-bg-hover: #72a5d8; --mfn-ui-menu-submenu-link: #9B99A0; --mfn-ui-btn-bg: #38373a; --mfn-ui-btn-color: #fff; --mfn-ui-btn-bg-hover: #424144; --mfn-ui-btn-color-hover: #fff; --mfn-ui-btn-green-bg: #388a5c; --mfn-ui-btn-green-bg-hover: #489c6d; --mfn-ui-btn-blue-bg: #5388be; --mfn-ui-btn-blue-bg-hover: #72a5d8; --mfn-ui-btn-red-bg: #DB5754; --mfn-ui-btn-red-bg-hover: #FA706D; --mfn-ui-option-btn-color: #fff; --mfn-ui-option-btn-bg: #38373a; --mfn-ui-option-btn-bg-hover: #424144; --mfn-ui-option-btn-bg-sep: #4a484d; --mfn-ui-option-btn-green-bg: #555559; --mfn-ui-option-btn-green-bg-hover: #606066; --mfn-ui-option-btn-blue-bg: #595b7a; --mfn-ui-option-btn-blue-bg-hover: #686b8f; --mfn-ui-label: #fff; --mfn-ui-input-bg: #151516; --mfn-ui-input-disabled-bg: rgba(125,129,142,.5); --mfn-ui-input-disabled-color: rgba(255,255,255,.5); --mfn-ui-input-bg-readonly: #2d2c2f; --mfn-ui-input-border: #4a484d; --mfn-ui-input-color: #bdbcc6; --mfn-ui-input-placeholder-color: #bdbcc6; --mfn-ui-range-slider-bg: rgba(114, 165, 216, 0.15); --mfn-ui-range-slider-handle: #2d2c2f; --mfn-ui-range-slider-unit: #bdbcc6; --mfn-ui-input-label-bg: #4a484d; --mfn-ui-input-label-color: #bdbcc6; --mfn-ui-input-label-link-color: #fff; --mfn-ui-input-label-color-hover: #fff; --mfn-ui-input-label-bg-hover: #72a5d8; --mfn-ui-input-label-border-hover: #72a5d8; --mfn-ui-input-hover-border: #72a5d8; --mfn-ui-input-focus-border: #72a5d8; --mfn-ui-input-focus-color: #bdbcc6; --mfn-ui-input-focus-shadow: rgba(114,165,216,0.25); --mfn-ui-input-error-border: #e69b94; --mfn-ui-input-error-shadow: rgba(223,103,91,0.25); --mfn-ui-typography-bg: #363538; --mfn-ui-typography-shadow: rgba(0,30,47,0.15); --mfn-ui-segmented-options-bg: #3c3b3e; --mfn-ui-segmented-options-border: #4a484d; --mfn-ui-segmented-options-color: #bdbcc6; --mfn-ui-segmented-options-bg-hover: #444346; --mfn-ui-segmented-options-bg-active: #5388be; --mfn-ui-segmented-options-border-active: #5388be; --mfn-ui-segmented-options-color-active: #fff; --mfn-ui-visual-options-bg: rgba(255, 255, 255, 0.04); --mfn-ui-visual-options-bg-hover: rgba(255, 255, 255, 0.07); --mfn-ui-checkboxes-title: #bdbcc6; --mfn-ui-checkboxes-title-label: #9ea8bb; --mfn-ui-checkboxes-input: #bdbcc6; --mfn-ui-checkboxes-input-active: #72a5d8; --mfn-ui-checkboxes-bar-hover: #414043; --mfn-ui-panel-icon-bg: #3f3e41; --mfn-ui-panel-heading-bg: #3f3e42; --mfn-ui-card-bg: #2D2C2F; /* #212022 */ --mfn-ui-card-border: #121213; --mfn-ui-card-icon-bg: #3f3e41; --mfn-ui-modal-overlay: rgba(21,21,21,.9); --mfn-ui-modal-bg: #363538; --mfn-ui-modal-content-bg: rgba(0,0,0,.1); --mfn-ui-modal-border: #242326; --mfn-ui-modal-icon-bg: #3f3e41; --mfn-ui-modal-list-bg: rgba(255, 255, 255, 0.04); --mfn-ui-modal-list-color: #fff; --mfn-ui-modal-list-bg-hover: rgba(255, 255, 255, 0.07); --mfn-ui-alert-bg: #313339; --mfn-ui-alert-color: #fff; --mfn-ui-alert-warning-bg: #4f3737; --mfn-ui-alert-warning-color: #fff; --mfn-ui-alert-info-bg: #6b694d; --mfn-ui-label: #fff; --mfn-ui-input-bg: #151516; --mfn-ui-input-disabled-bg: rgba(125,129,142,.5); --mfn-ui-input-disabled-color: rgba(255,255,255,.5); --mfn-ui-input-bg-readonly: #2d2c2f; --mfn-ui-input-border: #4a484d; --mfn-ui-input-color: #bdbcc6; --mfn-ui-input-placeholder-color: #bdbcc6; --mfn-ui-range-slider-bg: rgba(114, 165, 216, 0.15); --mfn-ui-range-slider-handle: #2d2c2f; --mfn-ui-range-slider-unit: #bdbcc6; --mfn-ui-input-label-bg: #4a484d; --mfn-ui-input-label-color: #bdbcc6; --mfn-ui-input-label-link-color: #fff; --mfn-ui-input-label-color-hover: #fff; --mfn-ui-input-label-bg-hover: #72a5d8; --mfn-ui-input-label-border-hover: #72a5d8; --mfn-ui-input-hover-border: #72a5d8; --mfn-ui-input-focus-border: #72a5d8; --mfn-ui-input-focus-color: #bdbcc6; --mfn-ui-input-focus-shadow: rgba(114,165,216,0.25); --mfn-ui-input-error-border: #e69b94; --mfn-ui-input-error-shadow: rgba(223,103,91,0.25); --mfn-ui-checkboxes-title: #bdbcc6; --mfn-ui-checkboxes-title-label: #9ea8bb; --mfn-ui-checkboxes-input: #bdbcc6; --mfn-ui-checkboxes-input-active: #72a5d8; --mfn-ui-checkboxes-bar-hover: #414043; --mfn-ui-segmented-options-bg: #3c3b3e; --mfn-ui-segmented-options-border: #4a484d; --mfn-ui-segmented-options-color: #bdbcc6; --mfn-ui-segmented-options-bg-hover: #444346; --mfn-ui-segmented-options-bg-active: #5388be; --mfn-ui-segmented-options-border-active: #5388be; --mfn-ui-segmented-options-color-active: #fff; --mfn-ui-visual-options-bg: rgba(255, 255, 255, 0.04); --mfn-ui-visual-options-color: #fff; --mfn-ui-visual-options-desc: #929daa; --mfn-ui-visual-options-bg-hover: rgba(255, 255, 255, 0.07); --mfn-ui-shadow-1: 0px 2px 4px rgba(255,255,255,0.03); --mfn-ui-shadow-2: 0px 4px 10px 5px rgba(255,255,255,0.04); --mfn-ui-disabled-overlay: rgba(45,45,45,.85); --mfn-ui-filters-bg: #363638; --mfn-ui-filters-color: #fff; --mfn-ui-filters-border: #3d3c40; --mfn-ui-filters-bg-hover: #4a4a4d; --mfn-ui-filters-color-hover: #fff; --mfn-ui-filters-submenu-bg-hover: #5c5c60; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0} .clearfix:after{clear:both} .clearfix{zoom:1} /* WP 5.5 */ .edit-post-layout__metaboxes:not(:empty){padding:0} .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area{margin:0} .edit-post-meta-boxes-area #poststuff .stuffbox > h3, .edit-post-meta-boxes-area #poststuff h2.hndle, .edit-post-meta-boxes-area #poststuff h3.hndle{border:none} .handle-order-higher,.handle-order-lower{display:none!important} #mfn-meta-placeholder{background-color:#fff;max-height:24px;overflow:hidden} #mfn-meta-post ~ #mfn-meta-placeholder{max-height:0} #mfn-meta-placeholder .postbox-header{visibility:hidden} #mfn-meta-placeholder .inside{display:none} #post-body-content .postarea.wp-editor-expand{clear:both} .hide-wp-editor.post-type-post .block-editor-block-list__layout, .hide-wp-editor.post-type-post #postdivrich, .hide-wp-editor.post-type-portfolio .block-editor-block-list__layout, .hide-wp-editor.post-type-portfolio #postdivrich, .hide-wp-editor.post-type-product .block-editor-block-list__layout, .hide-wp-editor.post-type-product #postdivrich, .hide-wp-editor.post-type-page .block-editor-block-list__layout, .hide-wp-editor.post-type-page #postdivrich{display:none!important} .editor-post-featured-image__preview img[src$=".svg"]{position:relative;margin-top:-100px} table.wp-list-table td.client_thumbnail img, table.wp-list-table td.offer_thumbnail img, table.wp-list-table td.portfolio_thumbnail img, table.wp-list-table td.slide_thumbnail img, table.wp-list-table td.testimonial_thumbnail img{margin:0;width:auto;height:auto;max-width:50px;max-height:50px;vertical-align:middle} /* betheme font */ @font-face { font-family: 'betheme'; src: url('../fonts/betheme/betheme.eot?9hcywa'); src: url('../fonts/betheme/betheme.eot?9hcywa#iefix') format('embedded-opentype'), url('../fonts/betheme/betheme.ttf?9hcywa') format('truetype'), url('../fonts/betheme/betheme.woff?9hcywa') format('woff'), url('../fonts/betheme/betheme.svg?9hcywa#betheme') format('svg'); font-weight: normal; font-style: normal; font-display: block; } .wp-menu-image.dashicons-minus:before, #toplevel_page_betheme .toplevel_page_betheme .wp-menu-image:not(.dashicons-admin-generic):before { content: "\e900"; font-family: "betheme"; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 20px; } /* dark */ .mfn-ui .mfn-color-scheme{cursor:pointer} .mfn-ui .mfn-color-scheme i{font-size:18px;color:var(--mfn-ui-heading)} .mfn-ui .mfn-color-scheme .light{display:none} .mfn-ui .mfn-color-scheme.loading{pointer-events:none} .mfn-ui-dark .mfn-ui .mfn-color-scheme .light{display:flex} .mfn-ui-dark .mfn-ui .mfn-color-scheme .dark{display:none} /* LUK */ .hiddenItem{display:none!important} #wpbody-content a.mfn-switch-live-editor,.wp-core-ui .button.button-hero.mfn-switch-live-editor{display:inline-flex;text-decoration:none;font-size:13px;margin:0 10px;white-space:nowrap;border:0;cursor:pointer;-webkit-appearance:none;transition:box-shadow .1s linear;height:36px;align-items:center;box-sizing:border-box;padding:5px 10px 5px 33px;border-radius:2px;color:#fff;background-color:#007cba;background-image:url(../svg/be-mono.svg);background-position:9px center;background-repeat:no-repeat;background-size:17px;animation-name:animlbbutton;animation-duration:.3s} #wpbody-content a.mfn-switch-live-editor:hover,.wp-core-ui .button.button-hero.mfn-switch-live-editor:hover{background-color:#006ba1} .bebuilderblocks-disabled{text-align:center;margin:25px 0} #wpbody-content .bebuilderblocks-disabled a.mfn-switch-live-editor{transform:scale(1.3);margin-bottom:10px} .bebuilderblocks-nested{text-align:center;padding:20px;background-color:#fffcd5} .bebuilderblocks-nested p{margin:0 0 2px} .mfn-live-edit-page-button.classic{width:100%;text-align:right} .mfn-live-edit-page-button.classic .mfn-switch-live-editor{margin:0!important} @keyframes animlbbutton { 0%{transform:scale(0.5)} 70%{transform:scale(1.1)} 100%{transform:scale(1)} } .mfn-custom-img-container{display:block} .mfn-custom-img-container img{width:80px;height:auto} .mfn-custom-img-container img,.mfn-custom-img-container a{display:inline-block;margin:0 10px 0 0} .mfn-df-row{display:block;position:relative;padding-right:40px} .mfn-df-row.clone{display:none} .mfn-dynamic-form .df-remove{position:absolute;top:50%;right:0;transform:translateY(-50%)} .mfn-dynamic-form .mfn-df-row{margin-bottom:10px} .mfn-dynamic-form .df-row-inputs{display:flex;justify-content:space-between} .mfn-dynamic-form .df-row-inputs .df-input:first-child{position:relative;flex:0 0 140px;background-color:#f1f1f1;color:#304050;padding-left:30px;font-weight:500;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E),url(../svg/options/add.svg);background-repeat:no-repeat,no-repeat;background-position:right 5px top 55%,10px center;background-size:16px,20px} .mfn-dynamic-form .df-row-inputs .df-input.minus:first-child{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E),url(../svg/options/minus.svg);background-repeat:no-repeat,no-repeat;background-position:right 5px top 55%,10px center;background-size:16px,20px} .mfn-dynamic-form .df-row-inputs .df-input{flex-grow:1;flex-basis:0} .mfn-dynamic-form .df-row-inputs .df-input.df-input-opt{display:none} .mfn-dynamic-form .df-row-inputs .df-input.df-input-opt.show{display:inline-flex} .mfn-dynamic-form.mfn-form .df-row-inputs .mfn-form-control{margin:0 2px} /* PBL */ .betheme-custom-logo{width:100%} #mfn-builder .betheme-custom-logo{box-sizing:border-box;padding:0 5px;max-width:56px} .mfn-menu-inner.fixed .betheme-custom-logo{max-width:46%;} .mfn-options .mfn-menu .menu-heading img.betheme-custom-logo{max-height:90%;max-width:90%} #adminmenu .wp-menu-image img{max-height:100%;max-width:90%;padding:3px;box-sizing:border-box} .mfn-uploaded-custom-icons{display:flex;align-items:center;flex-wrap:wrap} .mfn-uploaded-custom-icons h5{display:block;width:100%} .mfn-uploaded-custom-icons h5 .prefix{margin-left:10px;opacity:.5} .mfn-uploaded-custom-icons .mfn-custom-icon{width:100px;margin:5px;padding:5px;text-align:center;background-color:#f9fcfe;transition:background-color .2s ease-in-out} .mfn-uploaded-custom-icons .mfn-custom-icon:hover{background-color:#f5f9fd} .mfn-uploaded-custom-icons .mfn-custom-icon svg{margin:10px 0} .mfn-uploaded-custom-icons .mfn-custom-icon p{margin:0;text-align:center;font-size:12px;user-select:all} .mfn-uploaded-custom-icons .mfn-custom-icon p.code{font-weight:300;opacity:.5;line-height:13px;word-wrap:break-word;font-size:10px;margin-bottom:5px} .mfn-options .mfn_new_font .card-content, .mfn-options .custom-icon-card .card-content{display:none} .mfn-hide-version .theme-overlay.active .theme-version, .mfn-hide-version #mfn-options .version{display:none!important} /* KNR */ .mfn-placeholder{margin:0;padding:0;left:0;float:left;height:10px;background-color:#489c6d;box-sizing:border-box} .mfn-section .mfn-placeholder{margin:0 .5% 20px;background-color:#9da2a9} .mfn-wrap .mfn-placeholder{background-color:#72a5d8} .mfn-helper{z-index:10;width:auto!important;height:auto!important;padding:8px 25px 8px 40px;background-color:#489c6d;color:#fff;border-radius:3px} .mfn-section .mfn-helper{background-color:#9da2a9} .mfn-wrap .mfn-helper{background-color:#72a5d8} /* 1. Typography 2. Buttons 3. Option Buttons */ body { background-color: var(--mfn-ui-background); } #wpfooter { color:var(--mfn-ui-text-color); } .mfn-ui{color:var(--mfn-ui-text-color);font-size:14px;line-height:26px} .has-googlefonts .mfn-ui{font-family:'Poppins',sans-serif;} .mfn-ui.loading .mfn-wrapper{opacity:0} /* 1. Typography */ .mfn-ui h1 { color: var(--mfn-ui-heading); font-size: 27px !important; line-height: 33px !important; margin: 0 0 20px; padding: 0 !important; font-weight: 400; } .mfn-ui h2 { color: var(--mfn-ui-heading); font-size: 24px !important; line-height: 30px !important; margin: 0 0 20px !important; padding: 0 !important; font-weight: 400; } .mfn-ui h3 { color: var(--mfn-ui-heading); font-size: 21px !important; line-height: 27px !important; margin: 0 0 20px; padding: 0 !important; font-weight: 600; } .mfn-ui h4 { color: var(--mfn-ui-heading); font-size: 18px !important; line-height: 24px !important; margin: 0 0 20px; padding: 0 !important; font-weight: 500; } .mfn-ui h5 { color: var(--mfn-ui-heading); font-size: 16px !important; line-height: 28px !important; margin: 0 0 20px; padding: 0 !important; font-weight: 500; } .mfn-ui h6 { color: var(--mfn-ui-heading); font-size: 14px !important; line-height: 26px !important; margin: 0 0 20px; padding: 0 !important; font-weight: 600; } .mfn-ui p { font-size: 14px; line-height: 26px; margin: 0 0 20px; } .mfn-ui code { background-color: rgba(0,0,0,.035); font-size: 85%; color: var(--mfn-ui-heading); letter-spacing: 1px; word-wrap: break-word; padding: 3px 5px; border-radius: 3px; } .mfn-ui a{color:var(--mfn-ui-link);} .mfn-ui a:hover{color:var(--mfn-ui-link-hover);} .mfn-ui a:focus{box-shadow:unset} .mfn-badge { display: inline-block; border-radius: 2px; line-height: 1.5; padding: 0 0.3rem; background-color: var(--mfn-ui-badge-bg); } .mfn-ui ul.default { list-style: disc; } /* 2. Buttons */ .mfn-ui .mfn-btn { display: inline-flex; align-items: center; vertical-align: middle; border: 0; cursor: pointer; border-radius: 3px; padding: 8px 25px; font-size: inherit; line-height: 26px; margin: 0 2px 15px; font-weight: 500; text-decoration: none; -webkit-appearance: none; } .mfn-ui .mfn-btn.btn-only-icon { padding: 8px 10px; } .mfn-ui .mfn-btn .btn-wrapper { display: flex; } .mfn-ui .mfn-btn .mfn-icon { display: inline-block; width: 26px; height: 26px; flex-shrink: 0; } .mfn-ui .mfn-btn.btn-icon-left .mfn-icon { margin-right: 10px; } .mfn-ui .mfn-btn.btn-icon-right .mfn-icon { margin-left: 10px; } .mfn-ui .mfn-btn.btn-wide { padding-left: 50px; padding-right: 50px; } .mfn-ui .mfn-btn-fw { width: 100%; box-sizing: border-box; justify-content: center; } .mfn-ui .mfn-btn.btn-small { padding: 8px 15px;; font-size: 13px; line-height: 24px; } .mfn-ui .mfn-btn.btn-small.btn-only-icon { padding: 15px 10px; } .mfn-ui .mfn-btn.btn-small .mfn-icon { width: 24px; height: 24px; } .mfn-ui .mfn-btn.btn-large { padding: 15px 50px; font-size: 15px; line-height: 28px; } .mfn-ui .mfn-btn.btn-large.btn-only-icon { padding: 15px 10px; } .mfn-ui .mfn-btn.btn-large .mfn-icon { width: 28px; height: 28px; } .mfn-ui .mfn-btn { background-color: var(--mfn-ui-btn-bg); color: var(--mfn-ui-btn-color); } .mfn-ui .mfn-btn:hover { background-color:var(--mfn-ui-btn-bg-hover); color: var(--mfn-ui-btn-color-hover); } .mfn-ui .mfn-btn-green { background-color: var(--mfn-ui-btn-green-bg); color: #fff; } .mfn-ui .mfn-btn-green:hover { background-color:var(--mfn-ui-btn-green-bg-hover); color: #fff; } .mfn-ui .mfn-btn-blue { background-color: var(--mfn-ui-btn-blue-bg); color: #fff; } .mfn-ui .mfn-btn-blue:hover { background-color: var(--mfn-ui-btn-blue-bg-hover); color: #fff; } .mfn-ui .mfn-btn-navy { background-color: #283746; color: #fff; } .mfn-ui .mfn-btn-navy:hover { background-color:#202e3c; color: #fff; } .mfn-ui .mfn-btn-red { background-color: var(--mfn-ui-btn-red-bg); color: #fff; } .mfn-ui .mfn-btn-red:hover { background-color: var(--mfn-ui-btn-red-bg-hover); color: #fff; } .mfn-ui .mfn-btn-blank { background-color: transparent; color: var(--mfn-ui-btn-color); } .mfn-ui .mfn-btn-blank:hover { background-color:var(--mfn-ui-btn-bg-hover); color: var(--mfn-ui-btn-color-hover); } .mfn-ui .mfn-btn-blank2 { background-color: transparent; color: #9ca5ae; } .mfn-ui .mfn-btn-blank2:hover { background-color:#f9fbfc; color: #9ca5ae; } /* 3. Option buttons */ .mfn-ui a.mfn-option-btn { display: block; float: left; height: 26px; margin-left: 2px; color: var(--mfn-ui-option-btn-color); background-color: var(--mfn-ui-option-btn-bg); border-radius: 3px; } .mfn-ui a.mfn-option-btn:first-child { margin-left: 0; } .mfn-ui a.mfn-option-btn:hover{ background-color: var(--mfn-ui-option-btn-bg-hover)} .mfn-ui a.mfn-option-btn .mfn-icon { display: block; float: left; width: 26px; height: 26px; background-size: 22px; background-position: center; background-repeat: no-repeat; } .mfn-ui a.mfn-option-btn .text { display: block; float: left; height: 26px; line-height: 26px; font-size: 12px; } .mfn-ui a.mfn-option-btn.mfn-option-text { padding: 0 10px; } .mfn-ui a.mfn-option-btn.btn-icon-left { padding-left: 5px; } .mfn-ui a.mfn-option-btn.btn-icon-right { padding-right: 5px; } .mfn-ui span.mfn-option-sep { width: 1px; background: var(--mfn-ui-option-btn-bg-sep); margin: 0 10px; } .mfn-ui a.mfn-option-btn.btn-medium { height: 30px; } .mfn-ui a.mfn-option-btn.btn-medium .mfn-icon { width: 30px; height: 30px; background-size: 22px; } .mfn-ui a.mfn-option-btn.btn-medium .text { height: 30px; line-height: 30px; font-size: 14px; font-size: 13px; } .mfn-ui a.mfn-option-btn.btn-medium.mfn-option-text { padding: 0 12px; } .mfn-ui a.mfn-option-btn.btn-medium.btn-icon-left { padding-left: 6px; } .mfn-ui a.mfn-option-btn.btn-medium.btn-icon-right { padding-right: 6px; } .mfn-ui a.mfn-option-btn.btn-large { height: 36px; } .mfn-ui a.mfn-option-btn.btn-large .mfn-icon { width: 36px; height: 36px; background-size: 26px; } .mfn-ui a.mfn-option-btn.btn-large .text { height: 36px; line-height: 36px; font-size: 14px; } .mfn-ui a.mfn-option-btn.btn-large.mfn-option-text { padding: 0 15px; } .mfn-ui a.mfn-option-btn.btn-large.btn-icon-left { padding-left: 7px; } .mfn-ui a.mfn-option-btn.btn-large.btn-icon-right { padding-right: 7px; } .mfn-ui .mfn-option-dropdown{display:block;float:left;position:relative;margin-left:2px;z-index:1;cursor:initial} .mfn-ui .mfn-option-dropdown .dropdown-wrapper{position:absolute;top:100%;right:0;display:none;min-width:200px;box-sizing:border-box;padding:15px;background-color:#fff;border:1px solid #eceff5;border-radius:3px} .mfn-ui .mfn-option-dropdown.dropdown-large .dropdown-wrapper{width:300px;transform:translateX(calc(-50% + 13px));right:auto} .mfn-ui .mfn-option-dropdown.dropdown-megamenu .dropdown-wrapper{width:540px;right:auto;column-count:3;column-gap:5px} .mfn-ui .mfn-option-dropdown .dropdown-wrapper .dropdown-group:not(:first-child){margin-top:6px;padding-top:6px;border-top:1px solid #eceff5} .mfn-ui .mfn-option-dropdown .dropdown-wrapper .dropdown-group.hide{display:none} .mfn-ui .mfn-option-dropdown .dropdown-wrapper h6{margin-bottom:10px} .mfn-ui .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item{display:flex;align-items:center;padding:5px 10px;color:var(--mfn-ui-dropdown-link) !important;border-radius:3px;white-space:nowrap;text-decoration:none;cursor:pointer;break-inside:avoid} .mfn-ui .mfn-option-dropdown .dropdown-wrapper a:hover.mfn-dropdown-item{color:var(--mfn-ui-dropdown-link-hover) !important;background-color:var(--mfn-ui-dropdown-link-hover-bg);} .mfn-ui .mfn-option-dropdown .dropdown-wrapper a.mfn-dropdown-item.disabled{opacity:.5;pointer-events:none} .mfn-ui .mfn-option-dropdown .dropdown-wrapper .mfn-dropdown-divider{height:0;margin:6px 0;overflow:hidden;border-top:1px solid var(--mfn-ui-dropdown-border)} .mfn-ui .mfn-option-dropdown .dropdown-wrapper p{margin-bottom:12px} .mfn-ui .mfn-option-dropdown .dropdown-wrapper span.hide{display:none} .mfn-ui .mfn-option-dropdown .dropdown-wrapper p .label{color:#304050} .mfn-ui .mfn-option-dropdown .dropdown-wrapper ul{list-style:disc inside} .mfn-ui .mfn-option-dropdown .dropdown-wrapper ul.mfn-info-style{list-style:none} .mfn-ui .mfn-option-dropdown .dropdown-wrapper ul.mfn-info-style li{border:1px solid #304050;display:inline-block;margin-right:4px;padding:1px 8px;border-radius:5px;color:#304050;font-size:13px} .mfn-ui .mfn-option-dropdown .dropdown-wrapper .mfn-info-custom-class{color:#606d86;display:inline-block;margin:1px;background:#f3f7fc;padding:2px 8px;border-radius:3px} .mfn-ui .mfn-option-dropdown .dropdown-wrapper .inner-grid .column p.background-color .color-preview{width:20px;height:20px;border-radius:3px;margin-right:5px} .mfn-ui .mfn-option-dropdown .dropdown-wrapper .mfn-icon{display:inline-block;width:20px;height:20px;border-radius:3px;text-indent:-9999px;margin-right:5px;opacity:1;background-repeat:no-repeat;background-size:22px;background-position:center center} .mfn-ui .mfn-option-dropdown .dropdown-wrapper .mfn-icon.inactive{opacity:.5} .mfn-ui .mfn-option-dropdown .dropdown-wrapper .background-image{width:100%;min-height:120px;display:flex;align-items:center;justify-content:center;border:1px solid #ebedef;margin-bottom:15px;background:url(../img/transparency.png);border-radius:3px;text-align:center;line-height:0} .mfn-ui .mfn-option-dropdown .dropdown-wrapper .background-image img{max-width:100%} .mfn-ui .mfn-option-dropdown .dropdown-wrapper .mfn-color-preview{border:1px solid #eceff5;background:url(../img/transparency.png)} .mfn-ui .mfn-option-dropdown .dropdown-wrapper .inner-grid{display:flex} .mfn-ui .mfn-option-dropdown .dropdown-wrapper .inner-grid .column{flex-grow:1} .mfn-ui .mfn-option-dropdown .dropdown-wrapper .inner-grid .column p{display:flex;align-items:center;margin-bottom:6px} .mfn-ui.hover-effects .mfn-option-dropdown:hover .dropdown-wrapper, .mfn-ui:not(.hover-effects) .mfn-option-dropdown.hover .dropdown-wrapper{display:block} .mfn-ui a.mfn-option-btn { color: var(--mfn-ui-option-btn-color); background-color: var(--mfn-ui-option-btn-bg); } .mfn-ui a.mfn-option-btn:hover{ background-color:var(--mfn-ui-option-btn-bg-hover);} .mfn-ui a.mfn-option-green { background-color: var(--mfn-ui-option-btn-green-bg); } .mfn-ui a.mfn-option-green:hover { background-color: var(--mfn-ui-option-btn-green-bg-hover); } .mfn-ui a.mfn-option-grey { background-color: #edeef1; } .mfn-ui a.mfn-option-grey:hover { background-color: #f7f8fa; } .mfn-ui a.mfn-option-blue { background-color: var(--mfn-ui-option-btn-blue-bg); } .mfn-ui a.mfn-option-blue:hover { background-color: var(--mfn-ui-option-btn-blue-bg-hover); } .mfn-ui a.mfn-option-navy { background-color: #283746; color: #fff; } .mfn-ui a.mfn-option-navy:hover { background-color:#202e3c; color: #fff; } .mfn-ui a.mfn-option-blank { background-color: transparent; color: var(--mfn-ui-option-btn-color); } .mfn-ui a:hover.mfn-option-blank { background-color:var(--mfn-ui-option-btn-bg-hover); color: var(--mfn-ui-option-btn-color); } .mfn-ui a.mfn-option-blank-dark { background-color: transparent; color: #fff; } .mfn-ui a:hover.mfn-option-blank-dark { background-color:rgba(227,241,255,.05); color: #fff; } /* Button classes */ .mfn-ui .mfn-btn.loading, .mfn-ui a.mfn-option-btn.loading { position: relative; } .mfn-ui .mfn-btn.loading:after, .mfn-ui a.mfn-option-btn.loading:after { content: ""; opacity: .5; display: block; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px; width: 16px; height: 16px; background-image: url(../svg/others/loading.svg) !important; background-repeat: no-repeat; background-position: center; background-size: 16px; background-color: transparent; } .mfn-ui .mfn-btn.loading .btn-wrapper, .mfn-ui a.mfn-option-btn.loading .text { visibility: hidden; } .mfn-ui a.mfn-option-btn.loading .mfn-icon { visibility: hidden; } .mfn-ui a.mfn-option-btn.disabled, .mfn-ui .mfn-btn.disabled { pointer-events: none; background-color: var(--mfn-ui-input-disabled-bg); color: var(--mfn-ui-input-disabled-color); cursor: not-allowed; } /* Tooltip */ .mfn-ui [data-tooltip] { position: relative; text-decoration: none; } .mfn-ui [data-tooltip]:hover:before, [data-tooltip]:focus:before { opacity: 1; transform: translate(-50%, -10px); } .mfn-ui [data-tooltip]:hover:after, [data-tooltip]:focus:after { opacity: 1; transform: translate(-50%, -10px) rotate(45deg); } .mfn-ui [data-tooltip]:before { content: attr(data-tooltip); position: absolute; z-index: 2; text-indent: 0; bottom: 100%; left: 50%; padding: 6px 12px; color: var(--mfn-ui-toolip-color); background-color: var(--mfn-ui-toolip); font-size: 12px; line-height: 20px; opacity: 0; transform: translate(-50%, 0); pointer-events: none; border-radius: 3px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); white-space: nowrap; } .mfn-ui [data-tooltip]:after { position: absolute; z-index: 3; display: block; bottom: 100%; left: 50%; content: ''; width: 10px; height: 10px; border-radius: 2px; background-color: var(--mfn-ui-toolip); margin-bottom: -4px; transform: translate(-50%, 0) rotate(45deg); opacity: 0; pointer-events: none; } .mfn-ui [data-tooltip][data-position="bottom"]:before { transform: translate(-50%, 0); top: 100%; bottom: auto; } .mfn-ui [data-tooltip][data-position="bottom"]:hover:before, .mfn-ui [data-tooltip][data-position="bottom"]:focus:before { opacity: 1; transform: translate(-50%, 10px); } .mfn-ui [data-tooltip][data-position="bottom"]:after { transform: translate(-50%, 0) rotate(45deg); top: 100%; bottom: auto; } .mfn-ui [data-tooltip][data-position="bottom"]:hover:after, .mfn-ui [data-tooltip][data-position="bottom"]:focus:after { transform: translate(-50%, 10px) rotate(45deg); margin-top: -4px; } .mfn-ui [data-tooltip][data-position="left"]:before { transform: translate(0, -50%); left: auto; bottom: auto; right: 100%; top: 50%; } .mfn-ui [data-tooltip][data-position="left"]:hover:before, .mfn-ui [data-tooltip][data-position="left"]:focus:before { transform: translate(-10px, -50%); } .mfn-ui [data-tooltip][data-position="left"]:after { transform: translate(5px, -5px) rotate(45deg); left: auto; bottom: auto; right: 100%; top: 50%; } .mfn-ui [data-tooltip][data-position="left"]:hover:after, .mfn-ui [data-tooltip][data-position="left"]:focus:after { transform: translate(-60%, -5px) rotate(45deg); } /* Tooltip box */ .mfn-ui .mfn-tooltip-box { position: relative; color: var(--mfn-ui-toolip-color); } .mfn-ui .mfn-tooltip-box .tooltip-box-inner { opacity: 0; overflow: hidden; height: 0; padding: 0; width: min-content; position: absolute; z-index: 2; left: 50%; bottom: 100%; color: var(--mfn-ui-toolip-color); background-color: var(--mfn-ui-toolip); transform: translate(-50%, 0px); border-radius: 3px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); white-space: nowrap; } .mfn-ui .mfn-tooltip-box .tooltip-box-inner:before { content:""; display: block; position: absolute; top: 100%; left: 0; width: 100%; height: 10px; } .mfn-ui .mfn-tooltip-box .tooltip-box-inner:after { content:""; display: block; position: absolute; top: calc(100% - 5px); left: 50%; width: 10px; height: 10px; border-radius: 2px; background-color: var(--mfn-ui-toolip); transform: translate(-50%, 0) rotate(45deg); } .mfn-ui .mfn-tooltip-box:hover .tooltip-box-inner { opacity: 1; overflow: unset; height: unset; padding: 30px 40px; transform: translate(-50%,-10px); } /* Icon box */ .mfn-ui .mfn-icon-box { display: flex; align-items: center; text-decoration: none; } .mfn-ui .mfn-icon-box .image-wrapper, .mfn-ui .mfn-icon-box .icon-wrapper { margin-right: 15px; flex-shrink: 0; } .mfn-ui .mfn-icon-box .image-wrapper { width: 70px; line-height: 0; } .mfn-ui .mfn-icon-box .image-wrapper img { max-width: 100%; height: auto; } .mfn-ui .mfn-icon-box .icon-wrapper { width: 60px; height: 60px; border-radius: 100%; background-color: rgba(0,0,0,.2); background-size: 30px; background-position: center; background-repeat: no-repeat; } .mfn-ui .mfn-icon-box .desc-wrapper { margin-right: 20px; } .mfn-ui .mfn-icon-box .desc-wrapper .heading { margin-bottom: 2px; } .mfn-ui .mfn-icon-box .desc-wrapper *:last-child { margin-bottom: 0; } .mfn-ui .mfn-icon-box .link-wrapper { margin-left: auto; } /* Content editor */ .mfn-ui .html-editor .editor-header { display: flex; border-bottom: 1px solid #eceff5; padding: 20px; } .mfn-ui .html-editor.disabled .editor-header{display:none} .mfn-ui .html-editor .editor-content .mfn-form-control { width: 100%; height: 100%; padding: 20px; background-color: #f2f6fa; font-weight: 400; border-radius: 0; border: 0; } .mfn-ui .html-editor .editor-content .mfn-form-control:hover { color: #304050; } .mfn-ui .html-editor .editor-content .mfn-form-control:focus { box-shadow: 0 0 0 0; } /* Table builder */ .mfn-ui .editor-header .mfn-table-creator-btn { position: relative; } .mfn-ui .editor-header .mfn-table-creator-btn .mfn-table-creator{display:none; } .mfn-ui .editor-header .mfn-table-creator-btn.focus .mfn-table-creator{display:block; position: absolute;z-index: 99999; top: 100%; padding:14px;background-color:#fff;border:1px solid #eceff5;border-radius:3px; } .mfn-ui .editor-header .mfn-table-creator-btn.focus .mfn-table-creator tr td, .mfn-ui .editor-header .mfn-table-creator-btn.focus .mfn-table-creator tr th{padding: 10px 0 10px 20px !important; cursor:pointer; border-radius: 3px; background-color: #e8edf2; border: 1px solid #fff; width:unset !important;} .mfn-ui .editor-header .mfn-table-creator-btn.focus .mfn-table-creator tr td.mfn-table-hovered, .mfn-ui .editor-header .mfn-table-creator-btn.focus .mfn-table-creator tr th.mfn-table-hovered{background-color: #72a5d8;} /* Color picker */ .mfn-ui .editor-header .mfn-color-tooltip-picker{display:none; position: absolute; z-index: 99999; margin-top: 40px; left:300px; background: transparent} .mfn-ui .editor-header .mfn-color-tooltip-picker.focus{display:block} .mfn-ui .editor-header .mfn-color-tooltip-picker.focus .mfn-row .form-content{border-bottom: unset;} .mfn-ui .editor-header .mfn-color-tooltip-picker.focus .color-picker-clear{display:none} .mfn-ui .editor-header .mfn-color-tooltip-picker.focus .wp-picker-container.wp-picker-active{z-index:-1 !important;} /* Tooltip for shortcode editor */ .mfn-ui .editor-content .mfn-tooltip-sc-editor{display:none; background-color:#304050; padding: 4px; border-radius: 3px; z-index:99999;} .mfn-ui .editor-content .mfn-tooltip-sc-editor:after { position: absolute; z-index: 99998; display: block; top: -4px; left: 50%; content: ''; width: 10px; height: 10px; border-radius: 2px; background-color: #304050; transform: translate(-50%, 0) rotate(45deg); } .mfn-ui .editor-content .mfn-tooltip-sc-editor a.mfn-option-btn.mfn-option-blank { background-color:rgba(255,255,255,.03); } .mfn-ui .editor-content .mfn-tooltip-sc-editor a:hover.mfn-option-btn.mfn-option-blank { background-color:rgba(255,255,255,.08); } /* .wp-editor-wrap */ .mfn-ui .wp-editor-wrap {} .mfn-ui .wp-editor-wrap .wp-editor-tools {} .mfn-ui .wp-editor-wrap .wp-editor-tools .wp-media-buttons .button { color: #304050; background: #f9f9f9; border: 0; } .mfn-ui .wp-editor-wrap .wp-editor-tools .wp-media-buttons .button:hover { background-color: #f4f4f4; } .mfn-ui .wp-editor-wrap .wp-editor-tools .wp-editor-tabs .wp-switch-editor { border-radius: 3px; height: 22px; padding: 4px 10px; border: 0; } .mfn-ui .wp-editor-wrap .wp-editor-container { border: 0; } .mfn-ui .wp-editor-wrap .wp-editor-container .mce-top-part:before { box-shadow: 0 0 0 0; } .mfn-ui .wp-editor-wrap .wp-editor-container .quicktags-toolbar, .mfn-ui .wp-editor-wrap .wp-editor-container div.mce-toolbar-grp { background: transparent; border-bottom: 1px solid #eceff5; } .mfn-ui .wp-editor-wrap .wp-editor-container .mce-toolbar .mce-btn-group .mce-btn { background: transparent; border: 0; box-shadow: 0 0 0 0; } .mfn-ui .wp-editor-wrap .wp-editor-container .mce-toolbar .mce-btn-group .mce-btn .mce-ico { color: #304050; } .mfn-ui .wp-editor-wrap .wp-editor-container .mce-toolbar .mce-btn-group .mce-btn:focus, .mfn-ui .wp-editor-wrap .wp-editor-container .mce-toolbar .mce-btn-group .mce-btn:hover, .mfn-ui .wp-editor-wrap .wp-editor-container .qt-dfw:focus, .qt-dfw:hover { box-shadow: 0 0 0 0; color: #304050; background: #f4f4f4; } .mfn-ui .wp-editor-wrap .wp-editor-container textarea.wp-editor-area { background: #F2F6FA;color:#304050 } .mfn-ui .wp-editor-wrap .wp-editor-container .quicktags-toolbar { padding: 10px 0; } .mfn-ui .wp-editor-wrap .wp-editor-container .quicktags-toolbar .button { color: #304050; border-color: #304050; background: transparent; } .mfn-ui .wp-editor-wrap .wp-editor-container .quicktags-toolbar .button:hover { background: #f4f4f4; } /* Alert */ .mfn-ui .mfn-alert { display: flex; align-items: center; margin-bottom: 20px; border-radius: 3px; padding: 20px; background-color: var(--mfn-ui-alert-bg); } .mfn-ui .mfn-alert .alert-icon { display: block; margin-right: 10px; width: 36px; height: 36px; border-radius: 100%; background-color: var(--mfn-ui-alert-bg); flex-shrink: 0; background-size: 26px; background-position: center; background-repeat: no-repeat; } .mfn-ui .mfn-alert .alert-content { padding-right: 20px; color:var(--mfn-ui-alert-color); } .mfn-ui .mfn-alert .alert-content p:last-child { margin: 0; } .mfn-ui .mfn-alert .alert-options { margin-left: auto; flex-shrink: 0; } .mfn-ui .mfn-alert-warning, .mfn-ui .mfn-alert-warning .alert-icon { background-color: var(--mfn-ui-alert-warning-bg); } .mfn-ui .mfn-alert-warning .alert-content { color:var(--mfn-ui-alert-warning-color); } .mfn-ui .mfn-alert-info, .mfn-ui .mfn-alert-info .alert-icon { background-color: var(--mfn-ui-alert-info-bg); } /* Templates list */ .mfn-ui ul.mfn-items-list { margin: 0 0 20px; } .mfn-ui ul.mfn-items-list li { display: inline-block; text-align: center; margin: 0; } .mfn-ui ul.mfn-items-list li a { display: block; margin: 5px; padding: 20px; box-sizing: border-box; color: var(--mfn-ui-modal-list-color); text-align: center; text-decoration: none; background-color: var(--mfn-ui-modal-list-bg); border-radius: 3px; } .mfn-ui ul.mfn-items-list li a h5 { margin-bottom: 5px; } .mfn-ui ul.mfn-items-list li a p { color: var(--mfn-ui-text-color); margin: 0; } .mfn-ui ul.mfn-items-list li a:hover { background-color: var(--mfn-ui-modal-list-bg-hover); } .mfn-ui ul.mfn-items-list li.active a { box-shadow: inset 0 0 0 2px rgba(114, 165, 216, 1); } /* Revisions */ .mfn-ui ul.mfn-revisions-list { margin: 0 2% 0 20px; display: flex; flex-direction: column-reverse; } .mfn-ui ul.mfn-revisions-list li { position: relative; border-left: 2px dotted #eceff5; padding: 8px 0 8px 36px; margin: 0; } .mfn-ui ul.mfn-revisions-list li .revision-icon { display: block; position: absolute; left: -18px; top: 17px; width: 30px; height: 30px; margin-right: 10px; border-radius: 100%; background-color: #e3f1ff; background-size: 20px; background-position: center; background-repeat: no-repeat; } .mfn-ui ul.mfn-revisions-list li .revision { position: relative; background-color: rgba(114, 165, 216, 0.04); border-radius: 3px; padding: 10px 15px; box-sizing: border-box; } .mfn-ui ul.mfn-revisions-list li .revision:before { content: ""; display: block; width: 12px; border-top: 2px dotted #eceff5; position: absolute; left: -18px; top: 23px; } .mfn-ui ul.mfn-revisions-list li:hover .revision { background-color: rgba(114, 165, 216, 0.07); } .mfn-ui ul.mfn-revisions-list li h6 { margin-bottom: 2px; font-weight: 400; } .mfn-ui ul.mfn-revisions-list li p { margin: 0; } .mfn-ui ul.mfn-revisions-list li a.mfn-btn-restore { display: none; position: absolute; right: 11px; top: 11px; } .mfn-ui ul.mfn-revisions-list li:hover a.mfn-btn-restore { display: block; } /* Intro */ .mfn-ui .mfn-intro-overlay { position: fixed; top: 0; left: 0; height:100%; width:100%; z-index: 9997; background: rgba(25,37,48,.9); direction: ltr; } .mfn-ui .mfn-intro-overlay .slick-slider{ display:block; margin: 0; box-sizing: border-box; position:relative; box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .mfn-ui .mfn-intro-overlay .mfn-intro-container{left: 50%; top: 50%; transform: translate(-50%, -50%); width: 580px; position:relative} .mfn-ui .mfn-intro-overlay .mfn-intro-container a.close-button{ position: absolute; right: 10px; top: 10px; z-index: 9999; border-radius: 100%; background-color: rgba(255,255,255,.1); } .mfn-ui .mfn-intro-overlay .mfn-intro-container a:hover.close-button{ background-color: rgba(255,255,255,.2); } .mfn-ui .mfn-intro-overlay .mfn-intro-container .pic { width: 530px; height: 420px; background-image: url(../img/intro-slider/intro-slider.jpg); background-size: 100%; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .step-1 .pic { background-position: 0 0; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .step-2 .pic { background-position: 0 -420px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .step-3 .pic { background-position: 0 -840px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .step-4 .pic { background-position: 0 -1260px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .step-5 .pic { background-position: 0 -1680px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .step-6 .pic { background-position: 0 -2100px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .step-7 .pic { background-position: 0 -2520px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .desc { text-align: center; padding: 5px 5% 10px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .desc .slide-number { font-size: 12px; color: #fff; opacity: .5; margin-bottom: 5px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .desc h1, .mfn-ui .mfn-intro-overlay .mfn-intro-container .desc h2 { color: #fff; margin-bottom: 10px !important; display:block!important} .mfn-ui .mfn-intro-overlay .mfn-intro-container .desc h1 sup { font-size: 65%; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .desc a.start-now { color: #fff; opacity: .5; text-decoration: none; border-bottom: 1px solid #fff; padding-bottom: 1px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .desc a:hover.start-now { opacity: 1; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .slick-arrow{ display: block; width: 40px; height: 40px; border-radius: 40px; border: 0; cursor: pointer; background-color: #f9f9f9; background-size: 22px; background-position: center; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; position:absolute; z-index: 9999;} .mfn-ui .mfn-intro-overlay .mfn-intro-container .slick-arrow.slick-disabled { display: none !important; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .slick-arrow:hover { background-color: #f4f4f4; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .slick-prev{left:-20px; top:45%; background-image: url(../svg/options/move-left.svg); } .mfn-ui .mfn-intro-overlay .mfn-intro-container .slick-next{right:-20px; top:45%; background-image: url(../svg/options/move-right.svg); } .mfn-ui .mfn-intro-overlay .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .mfn-ui .mfn-intro-overlay .slick-list:focus{outline:none} .mfn-ui .mfn-intro-overlay .slick-list.dragging{cursor:pointer;cursor:hand} .mfn-ui .mfn-intro-overlay .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mfn-ui .mfn-intro-overlay .slick-track{position:relative;top:0;left:0;display:block} .mfn-ui .mfn-intro-overlay .slick-track:before,.slick-track:after{display:table;content:''} .mfn-ui .mfn-intro-overlay .slick-track:after{clear:both} .mfn-ui .mfn-intro-overlay .slick-loading .slick-track{visibility:hidden} .mfn-ui .mfn-intro-overlay .slick-slide{display:none;float:left;height:100%;min-height:1px;outline:none; background-color: #589971; padding: 25px; border-radius: 3px; } .mfn-ui .mfn-intro-overlay [dir='rtl'] .slick-slide{float:right!important} .mfn-ui .mfn-intro-overlay .slick-slide img{display:block;margin-left:auto;margin-right:auto;} .mfn-ui .mfn-intro-overlay .slick-slide.slick-loading img{display:none} .mfn-ui .mfn-intro-overlay .slick-slide.dragging img{pointer-events:none} .mfn-ui .mfn-intro-overlay .slick-initialized .slick-slide{display:block} .mfn-ui .mfn-intro-overlay .slick-loading .slick-slide{visibility:hidden} .mfn-ui .mfn-intro-overlay .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} /* Card */ .mfn-ui .mfn-card { margin-bottom: 20px; border-radius: 3px; background-color: var(--mfn-ui-card-bg); border: 1px solid var(--mfn-ui-card-border); } .mfn-ui .mfn-card .card-header { display: flex; align-items: center; justify-content: space-between; min-height: 50px; padding: 10px 20px; border-bottom: 1px solid var(--mfn-ui-card-border); } .mfn-ui .mfn-card .card-content { padding: 20px 20px 10px; } .mfn-ui .mfn-card .card-footer { border-top: 1px solid var(--mfn-ui-card-border); padding: 20px; } .mfn-ui .mfn-card .card-footer a.ui-mfn-btn { margin: 0; } .mfn-ui .mfn-card .card-title-group { display: flex; align-items: center; flex-grow: 1; max-width: 100%; } .mfn-ui .mfn-card .card-title-group .card-icon { display: block; flex-shrink: 0; width: 36px; height: 36px; margin-right: 10px; border-radius: 100%; background-color: var(--mfn-ui-card-icon-bg); background-size: 26px; background-position: center; background-repeat: no-repeat; } .mfn-ui .mfn-card .card-title-group .card-desc { max-width: calc(100% - 46px); } .mfn-ui .mfn-card .card-title-group .card-desc .card-title { margin-bottom: 0; line-height: 1.2 !important; } .mfn-ui .mfn-card .card-title-group .card-desc .card-subtitle { margin-bottom: 0; line-height: 22px; } .mfn-ui .mfn-card .card-links-group { display: flex; align-items: center; } .mfn-ui .mfn-card .card-links-group a { display: inline-flex; align-items: center; text-decoration: none; line-height: 1.2; } .mfn-ui .mfn-card .card-links-group a:hover { text-decoration: underline; } .mfn-ui .mfn-card .card-links-group a:not(:last-child) { margin-right: 10px; } .mfn-ui .mfn-card .card-links-group a .mfn-icon { display: inline-block; width: 22px; height: 22px; background-size: 20px; background-position: center; background-repeat: no-repeat; margin-right: 2px; } .mfn-ui .mfn-card ul.card-tabs { display: flex; margin: -10px 0; } .mfn-ui .mfn-card ul.card-tabs li { display: inline-block; margin: 0; cursor:pointer; } .mfn-ui .mfn-card ul.card-tabs li a{ display: block; position: relative; color:#7987a2; text-decoration: none; padding: 22px 15px; } .mfn-ui .mfn-card ul.card-tabs li a:after { content: ""; display: none; position: absolute; left: 0; bottom: 0;width: 100%; height: 3px; background: #72a5d8; border-radius: 2px 2px 0 0; } .mfn-ui .mfn-card ul.card-tabs li:hover a, .mfn-ui .mfn-card ul.card-tabs li.active a { color:#72a5d8; } .mfn-ui .mfn-card ul.card-tabs li:hover a:after, .mfn-ui .mfn-card ul.card-tabs li.active a:after { display: block; } .mfn-ui .mfn-card-small {} .mfn-ui .mfn-card-small .card-header { min-height: 60px; padding: 0 12px; } .mfn-options .mfn-card:last-child{margin-bottom:0} /* Modal */ body.mfn-modal-open{overflow:hidden} body.mfn-modal-open .edit-post-layout__content{overflow:hidden;z-index:9999} /* WP < 5.4 */ body.mfn-modal-open #editor{z-index:9999} /* WP >= 5.4 */ body.mfn-modal-open .interface-interface-skeleton__content{overflow:hidden;z-index:9999} /* WP >= 5.4 */ .mfn-ui .mfn-modal { display: none; box-sizing: content-box; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: var(--mfn-ui-modal-overlay); z-index: 9999; } .mfn-ui .mfn-modal.show { display: block; } .mfn-ui .mfn-modalbox { position: fixed; left: 50%; top: 50%; width: 1200px; height: 650px; margin-left:-600px;margin-top:-325px; z-index: 9992; border-radius: 3px; background-color: var(--mfn-ui-modal-bg); border: 1px solid var(--mfn-ui-modal-border); color: var(--mfn-ui-text-color); } .mfn-ui .modal-small .mfn-modalbox { width: 500px; height: 500px; margin-left:-250px;margin-top:-250px; } .mfn-ui .modal-medium .mfn-modalbox { width: 700px; height: auto; margin-left:-350px;margin-top:unset;transform:translateY(-50%); } .mfn-ui .modal-confirm .mfn-modalbox { width: 400px; height: auto; margin-left:-200px; margin-top: 0; transform:translateY(-50%); } .mfn-ui .mfn-modalbox .modalbox-header { display: flex; align-items: center; justify-content: space-between; min-height: 50px; padding: 10px 20px; border-bottom: 1px solid var(--mfn-ui-modal-border); } .mfn-ui .mfn-modalbox .modalbox-content { padding: 20px; overflow: auto; box-sizing: border-box; height: calc(100% - 71px); } .mfn-ui .has-footer .modalbox-content { height: calc(100% - 154px); } .mfn-ui .mfn-modalbox .modalbox-footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--mfn-ui-border-1); padding: 20px; } .mfn-ui .mfn-modalbox .modalbox-footer a.mfn-btn { margin: 0; } .mfn-ui .mfn-modalbox .options-group { margin: 0 10px; } .mfn-ui .mfn-modalbox .options-group:first-child { margin-left: 0; } .mfn-ui .mfn-modalbox .options-group:last-child { margin-right: 0; } .mfn-ui .mfn-modalbox .options-group.right{margin-left:auto} .mfn-ui .mfn-modalbox .modalbox-title-group { display: flex; align-items: center; } .mfn-ui .mfn-modalbox .modalbox-title-group .modalbox-icon { display: block; flex-shrink: 0; width: 36px; height: 36px; margin-right: 10px; border-radius: 100%; background-color: var(--mfn-ui-modal-icon-bg); background-size: 26px; background-position: center; background-repeat: no-repeat; } .mfn-ui .mfn-modalbox .modalbox-title-group .modalbox-desc {} .mfn-ui .mfn-modalbox .modalbox-title-group .modalbox-desc .modalbox-title { margin-bottom: 0; color:var(--mfn-ui-heading); } .mfn-ui .mfn-modalbox .modalbox-title-group .modalbox-desc .modalbox-subtitle { margin-bottom: 0; } .mfn-ui .mfn-modalbox .modalbox-tabs { display: flex; margin: -10px 0; } .mfn-ui .mfn-modalbox .modalbox-tabs li { display: inline-block; margin: 0; cursor:pointer; } .mfn-ui .mfn-modalbox .modalbox-tabs li[data-filter="shop-archive"], .mfn-ui .mfn-modalbox .modalbox-tabs li[data-filter="single-product"]{display: none;} .mfn-ui .mfn-modalbox .modalbox-tabs li a{ display: block; position: relative; color:var(--mfn-ui-text-color); text-decoration: none; padding: 22px 15px; } .mfn-ui .mfn-modalbox .modalbox-tabs li a:after { content: ""; display: none; position: absolute; left: 0; bottom: 0;width: 100%; height: 3px; background: #72a5d8; border-radius: 2px 2px 0 0; } .mfn-ui .mfn-modalbox .modalbox-tabs li:hover a, .mfn-ui .mfn-modalbox .modalbox-tabs li.active a { color:#72a5d8; } .mfn-ui .mfn-modalbox .modalbox-tabs li:hover a:after, .mfn-ui .mfn-modalbox .modalbox-tabs li.active a:after { display: block; } .mfn-ui .mfn-modalbox .modalbox-card{display:none} .mfn-ui .mfn-modalbox .modalbox-card.active{display:block} .mfn-ui .mfn-modal[data-type="section"] .modalbox-tabs li[data-card="style"], .mfn-ui .mfn-modal[data-type="wrap"] .modalbox-tabs li[data-card="style"], .mfn-ui .mfn-modal[data-type="divider"] .modalbox-tabs li[data-card="style"], .mfn-ui .mfn-modal[data-type="code"] .modalbox-tabs li[data-card="style"], .mfn-ui .mfn-modal[data-type="content"] .modalbox-tabs li[data-card="style"], .mfn-ui .mfn-modal[data-type="fancy_divider"] .modalbox-tabs li[data-card="style"], .mfn-ui .mfn-modal[data-type="hover_box"] .modalbox-tabs li[data-card="style"], .mfn-ui .mfn-modal[data-type="livesearch"] .modalbox-tabs li[data-card="style"], .mfn-ui .mfn-modal[data-type="map_basic"] .modalbox-tabs li[data-card="style"], .mfn-ui .mfn-modal[data-type="portfolio_grid"] .modalbox-tabs li[data-card="style"], .mfn-ui .mfn-modal[data-type="sidebar_widget"] .modalbox-tabs li[data-card="style"], .mfn-ui .mfn-modal[data-type="slider_plugin"] .modalbox-tabs li[data-card="style"], .mfn-ui .mfn-modal[data-type="video"] .modalbox-tabs li[data-card="style"], .mfn-ui .mfn-modal[data-type="visual"] .modalbox-tabs li[data-card="style"]{display:none} .mfn-ui .mfn-modal[data-type^="product_"] .modalbox-tabs li[data-card="settings"], .mfn-ui .mfn-modal[data-type^="shop_"] .modalbox-tabs li[data-card="settings"]{display:none} .mfn-ui .mfn-modal[data-type="product_cart_button"] .modalbox-tabs{display:none} .mfn-ui .mfn-modal[data-type="column"] .modalbox-card-content .row-column-2 { display: none; } .mfn-ui .mfn-modal[data-type="column"] .modalbox-card-content .row-column-10 { flex-basis: 100%; max-width: 100%; } /* CodeMirror 100% height */ .mfn-ui .mfn-modal[data-type="column"] .modalbox-content .mfn-element-meta, .mfn-ui .mfn-modal[data-type="column"] .modalbox-card-content, .mfn-ui .mfn-modal[data-type="column"] .mfn-row, .mfn-ui .mfn-modal[data-type="column"] .form-content-full-width, .mfn-ui .mfn-modal[data-type="column"] .form-group.html-editor .CodeMirror {height: 100%; } .mfn-ui .mfn-modal[data-type="column"] .form-content-full-width.form-content { padding: 0; border: 0; } .mfn-ui .mfn-modal[data-type="column"] .form-group.html-editor { margin: -20px !important; width: calc(100% + 40px) !important; height: calc(100% + 40px) !important; } .mfn-ui .mfn-modal[data-type="column"] .form-group.html-editor .editor-content { height: calc(100% - 71px); max-height: 425px; } .mfn-ui .mfn-modal[data-type="column"] .form-group.html-editor.disabled .editor-content { height: 100%; max-height: 496px; } .mfn-ui .mfn-modal[data-type="column"] .form-group.html-editor .editor-content .CodeMirror { border: 0; } /* Modal content */ .mfn-ui .mfn-modalbox ul.modalbox-items { margin: 0 0 15px; } .mfn-ui .mfn-modalbox ul.modalbox-items li { float: left; margin: 0; width: 10%; position: relative; } .mfn-ui .mfn-modalbox ul.modalbox-items li[data-tooltip] a{opacity:.5} .mfn-ui .mfn-modalbox ul.modalbox-items li.category-header, .mfn-ui .mfn-modalbox ul.modalbox-items li.category-footer, .mfn-ui .mfn-modalbox ul.modalbox-items li.category-megamenu, .mfn-ui .mfn-modalbox ul.modalbox-items li.category-popup, .mfn-ui .mfn-modalbox ul.modalbox-items li.category-sidemenu, .mfn-ui .mfn-modalbox ul.modalbox-items li.category-archive, .mfn-ui .mfn-modalbox ul.modalbox-items li.category-blog, .mfn-ui .mfn-modalbox ul.modalbox-items li.category-portfolio, .mfn-ui .mfn-modalbox ul.modalbox-items li.category-single-post, .mfn-ui .mfn-modalbox ul.modalbox-items li.category-single-blog-post, .mfn-ui .mfn-modalbox ul.modalbox-items li.category-single-portfolio-post, body:not(.post-type-template) .mfn-ui .mfn-modalbox ul.modalbox-items li.category-shop-archive, body:not(.post-type-template) .mfn-ui .mfn-modalbox ul.modalbox-items li.category-single-product{display:none!important} .mfn-ui .mfn-modalbox ul.modalbox-items li a { display: block; text-align: center; position: relative; margin: 5px; padding: 10px 5px; text-decoration: none; background-color: #fff; border: 1px dashed #d3d5d8; border-radius: 3px; box-sizing: border-box; } .mfn-ui .mfn-modalbox ul.modalbox-items li a .mfn-icon { display: block; margin: 0 auto; width: 40px; height: 40px; opacity: .4; background-size: 40px; margin-bottom: 5px; background-position: center; background-repeat: no-repeat; } .mfn-ui .mfn-modalbox ul.modalbox-items li a .title { display: block; color: #304050; font-size: 12px; white-space: nowrap; overflow: hidden; } .mfn-ui .mfn-modalbox ul.modalbox-items li a:hover { border-color: #72a5d8; border-style: solid; box-shadow: 0px 0px 4px 2px rgba(97,100,102,0.05); } .mfn-ui .mfn-modalbox ul.modalbox-items li a:hover .mfn-icon { opacity: 1; } .mfn-ui .mfn-modalbox ul.modalbox-items li.category-single-product a:after, .mfn-ui .mfn-modalbox ul.modalbox-items li.category-shop-archive a:after { content: ""; display: block; position: absolute; right: 7px; top: 7px; width: 25px; height: 15px; background-image: url(../svg/others/woo-logo.svg); background-repeat: no-repeat; background-position: center; background-size: 25px; } .mfn-ui .mfn-modalbox ul.modalbox-items li.loading .mfn-icon, .mfn-ui .mfn-modalbox ul.modalbox-items li.loading .title { visibility: hidden; } .mfn-ui .mfn-modalbox ul.modalbox-items li.loading:after { content: ""; opacity: .5; display: block; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px; width: 20px; height: 20px; background-image: url(../svg/others/loading.svg) !important; background-repeat: no-repeat; background-position: center; background-size: 20px; background-color: transparent; } .mfn-ui .mfn-modalbox ul.modalbox-sections { margin: 0; column-count: 3; column-gap: 10px; } .mfn-ui .mfn-modalbox ul.modalbox-sections li { padding: 10px; margin: 0 0 10px; width: 100%; background-color: #fff; border: 1px dashed #d3d5d8; border-radius: 3px; box-sizing: border-box; display: inline-block; } .mfn-ui .mfn-modalbox ul.modalbox-sections li:hover { border: 1px dashed #489c6d; box-shadow: 0px 0px 4px 2px rgba(72,156,109,0.1) } .mfn-ui .mfn-modalbox ul.modalbox-sections li .photo { line-height: 0; } .mfn-ui .mfn-modalbox ul.modalbox-sections li .photo img { max-width: 100%; width: 100%; } .mfn-ui .mfn-modalbox ul.modalbox-sections li .desc { display: flex; justify-content: space-between; align-items: center; background-color: #d7f4e3; padding: 7px 7px 7px 10px; border-radius: 0 0 3px 3px; } .mfn-ui .mfn-modalbox ul.modalbox-sections li .desc h6 { margin: 0; font-weight: 500; } .mfn-ui .mfn-modalbox ul.modalbox-sections li .desc .mfn-btn-insert { margin-left: auto; flex-shrink: 0; } /* Add items */ .mfn-ui .modal-add-items .modalbox-content { background-color: #f7f9fa; padding: 15px; } /* Item edit */ .mfn-ui .modal-item-edit .modalbox-content {} .mfn-ui .modal-item-edit .modalbox-content .row-header:first-child { margin-top: -20px; } /* Add shortcode & Lorem lipsum */ .mfn-ui .modal-add-shortcode .modalbox-content { padding-top: 30px; } .mfn-ui .modal-add-shortcode .mfn-row .row-column-2 { flex-basis: 25%; max-width: 25%; } .mfn-ui .modal-add-shortcode .mfn-row .row-column-10 { flex-basis: 75%; max-width: 75%; } .mfn-ui .modal-add-shortcode .mfn-row .form-group { width: 100%; margin: 0 0 10px 0; } .mfn-ui .modal-add-shortcode .mfn-row .row-column .form-content { display: block; } .mfn-ui .modal-add-shortcode .mfn-isc-builder{display:none !important} /* Settings */ .mfn-ui .modal-settings.mfn-form .form-content { padding: 15px; border-radius: 3px; background-color: rgba(114, 165, 216, 0.07); } .mfn-ui .modal-settings.mfn-form .mfn-form-row:last-child .form-content { padding-bottom: 15px !important; } .mfn-ui .modal-settings .mfn-row { margin-bottom: 10px !important; } .mfn-ui .modal-settings .saving .setting-label { position: relative; } .mfn-ui .modal-settings .saving .setting-label:after { content: ""; opacity: .5; display: block; position: absolute; right: 10px; top: 50%; width: 20px; height: 20px; margin-top: -10px; background-image: url(../svg/others/loading.svg); background-repeat: no-repeat; background-position: center; background-size: 20px; } .mfn-ui .modal-settings .segmented-options { align-items: center; } /* Confirm */ .mfn-ui .modal-confirm {} .mfn-ui .modal-confirm .modalbox-content { padding: 40px 20px; text-align: center; } .mfn-ui .modal-confirm .modalbox-content .icon { width: 80px; display: inline-block; margin-bottom: 15px; } .mfn-ui .modal-confirm .modalbox-content h3 { margin-bottom: 10px; } .mfn-ui .modal-confirm .modalbox-content .mfn-btn { margin-bottom: 0; } .mfn-ui .modal-confirm .modalbox-footer { justify-content: center !important; } /* Registration modal */ .mfn-ui .mfn-register-now{display:block;box-sizing:content-box;position:fixed;left:160px;top:0;width:calc(100% - 160px);height:100%;background:var(--mfn-ui-modal-overlay);z-index:9999} body.folded .mfn-ui .mfn-register-now{left:36px;width:calc(100% - 36px)} .mfn-ui .mfn-register-now .inner-content{position:absolute;left:50%;top:50%;width:780px;transform:translate(-50%,-50%);z-index:9992;border-radius:3px;overflow:hidden;background-color:var(--mfn-ui-modal-bg);box-shadow:0 2px 4px rgba(31,30,47,0.03);display:flex} .mfn-ui .mfn-register-now .mfn-register-now-icon { width: 120px; height: 120px; display: inline-block;margin-bottom: 15px; background-image: url(../svg/others/register-now.svg); background-size: 120px; background-position: center; } .mfn-ui .mfn-register-now .be{width:35%;background:#060d22 url(../img/bg.jpg);padding:70px 5%;box-sizing:border-box;display:flex;justify-content:center} .mfn-ui .mfn-register-now .be img{max-width:160px} .mfn-ui .mfn-register-now .info{width:65%;padding:70px 5%;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;align-items:center} .mfn-ui .mfn-register-now .info img{margin-bottom:20px} /* Predefined-sections */ .modal-sections-library .modalbox-content { background-color: #f7f9fa; } .modal-sections-library.unregistered .modalbox-content { filter: blur(1px); } .modal-sections-library .mfn-please-register { position: absolute; text-align: center; z-index: 1; left: 0; top: 71px; width: 80%; padding: 0 10%; height: calc(100% - 71px);; background: rgba(231, 237, 242, 0.8); display: flex; align-items: center; flex-direction: column; justify-content: center; } .modal-sections-library .mfn-please-register img { margin-bottom: 20px; } .modal-sections-library .mfn-please-register h4 {} .modal-sections-library .mfn-please-register p.info { text-shadow: 1px 1px 1px #ffffff52; } /* Import / Export */ .mfn-ui .modal-export-import .modalbox-tabber{margin-left:auto!important} .mfn-ui .modal-export-import .form-content{padding-bottom:0} .mfn-ui .modal-export-import .mfn-form-textarea{height:100%;background-color:#f2f6fa!important} .mfn-ui .modal-export-import .mfn-form-textarea:hover{color:#304050} .mfn-ui .modal-export-import .mfn-form-textarea:focus{box-shadow:0 0 0 0} .mfn-ui .modal-export-import .options-group .mfn-form-select{width:auto} .mfn-ui .modal-export-import .templates{text-align:center;padding:20px 20px 0} .mfn-ui .modal-export-import .modalbox-card,.mfn-ui .modal-export-import .mfn-row,.mfn-ui .modal-export-import .form-content{height:100%} .mfn-ui .modal-export-import .modalbox-card-page .form-content{margin:-20px;background:#f2f6fa;overflow:hidden;height:calc(100% + 40px)} .mfn-ui .modal-export-import .modalbox-card-page .form-group{align-items:center} .mfn-ui .modal-export-import .modalbox-card-page .form-control{padding:15px 20% 0;text-align:center} .mfn-ui .modal-export-import .modalbox-card-page .form-control .icon{width:90px;display:inline-block;margin-bottom:15px} .mfn-ui .modal-export-import .modalbox-card-page .form-control .hint{font-size:12px;opacity:.3} .mfn-ui .modal-export-import .modalbox-card-page.unregistered .mfn-form-row{filter:blur(1px)} .mfn-ui .modal-export-import .modalbox-card-page .mfn-please-register{position:absolute;text-align:center;z-index:1;left:0;top:71px;width:80%;padding:0 10%;height:calc(100% - 71px);background:rgba(231,237,242,0.8);display:flex;align-items:center;flex-direction:column;justify-content:center} .mfn-ui .modal-export-import .modalbox-card-page .mfn-please-register img{margin-bottom:20px} .mfn-ui .modal-export-import .modalbox-card-page .mfn-please-register p.info{text-shadow:1px 1px 1px #ffffff52} .mfn-ui .modal-export-import .modalbox-card-seo .form-content{margin:-20px;background:#f2f6fa;overflow:hidden;height:calc(100% + 40px)} .mfn-ui .modal-export-import .modalbox-card-seo .form-group{align-items:center} .mfn-ui .modal-export-import .modalbox-card-seo .form-control{padding:15px 20% 0;text-align:center} .mfn-ui .modal-export-import .modalbox-card-seo .form-control .icon{width:90px;display:inline-block;margin-bottom:15px} .mfn-ui .modal-export-import.templates-only .modalbox-tabs, .mfn-ui .modal-export-import.templates-only .mfn-import-type{display:none} .mfn-ui .modal-export-import.page-only .modalbox-tabs{display:none} /* Select icon */ .modal-select-icon {} .modal-select-icon ul.mfn-items-list li { width: 10%; } .modal-select-icon ul.mfn-items-list li a { padding: 5px !important; } .modal-select-icon ul.mfn-items-list p { font-size: 12px; white-space: nowrap; overflow: hidden; } .modal-select-icon ul.mfn-items-list .mfn-icon { display: block; height: 50px; line-height: 50px; } .modal-select-icon ul.mfn-items-list .mfn-icon > i { color: var(--mfn-ui-modal-list-color); font-size: 22px; } .modal-select-icon .modalbox-search { margin-left: auto !important; display: flex; } .modal-select-icon .modalbox-search .form-control { max-width: 180px; } .modal-select-icon .modalbox-search .form-control:first-child { margin-right: 10px; } /* Revisions */ .modal-revisions .modalbox-content { padding-top: 30px; } .modal-revisions .row-column { padding: 0 20px; } .modal-revisions .row-column > h5 { text-align: center; margin-bottom: 10px; } .modal-revisions .info { text-align: center; color: #929daa; line-height: 22px; font-size: 13px; background-image: url(../svg/options/info.svg); background-size: 20px; background-position: top center; background-repeat: no-repeat; padding: 25px 10% 0; margin: 10px 0 0 10px; } /* Display conditions */ .modal-display-conditions .mfn-modalbox .modalbox-content { background: #f2f6fa; padding: 40px 10% 20px; text-align: center; } .modal-display-conditions .mfn-modalbox .modalbox-content .icon { width: 90px; display: inline-block; margin-bottom: 15px; } .modal-display-conditions .mfn-modalbox .modalbox-content .mfn-dynamic-form { margin: 0 10%; } /* Template type */ .modal-template-type .mfn-modalbox .modalbox-content { background-color: #f7f9fa; padding: 70px 10% 20px; text-align: center; } .modal-template-type .mfn-modalbox .modalbox-content p { margin-bottom: 10px; } .modal-template-type .mfn-modalbox .modalbox-content .display-conditions { width: 90px; height: 90px; display: none; margin-bottom: 15px; background-image: url(../../../muffin-options/svg/others/display-conditions.svg); background-size: 90px; background-position: center; } .modal-template-type .mfn-modalbox .modalbox-content .template-type-form { margin: 40px 15% 0; } .modal-template-type .mfn-modalbox .modalbox-content .template-type-form h4 { margin-bottom: 30px; } .modal-template-type .mfn-modalbox .modalbox-content .template-type-form .form-label { margin-bottom: 7px; } .modal-template-type .mfn-modalbox .modalbox-content .template-type-form .mfn-form-control:first-of-type { margin-bottom: 15px; } /* Header */ .mfn-ui .mfn-header { display: flex; align-items: center; z-index: 1; background:#f9f9f9; padding: 4px;cursor:move } .mfn-ui .mfn-header .header-label { display: block; float: left; padding:0 20px; line-height: 26px; color: #304050; } .mfn-ui .mfn-header .header-label .header-label-hashtag { display:inline-block; background:#c7eed7; border-radius:3px;margin:0 7px;line-height:26px;padding:0 7px;font-size:11px;text-transform:uppercase} .mfn-ui .mfn-header.header-large .header-label { line-height: 36px; } .mfn-ui .mfn-header a.mfn-size { pointer-events: none; } .mfn-ui .mfn-header { background-color:#f9f9f9; } .mfn-ui .mfn-header.mfn-header-green { background-color: #d7f4e3; border-bottom: 1px solid #d3f1e0; } .mfn-ui .mfn-header.mfn-header-grey { background-color: #e6e8eb; } .mfn-ui .mfn-header.mfn-header-blue { background-color: #dde8f7; } /* Shadows */ .mfn-ui .mfn-shadow-1 { -webkit-box-shadow: var(--mfn-ui-shadow-1); box-shadow:var(--mfn-ui-shadow-1); } .mfn-ui .mfn-shadow-2 { -webkit-box-shadow: var(--mfn-ui-shadow-2); box-shadow: var(--mfn-ui-shadow-2); } /* Forms */ .mfn-ui .mfn-form {} .mfn-ui .mfn-form fieldset { border: 0; margin: 0; padding: 0} .mfn-ui .mfn-form label { display: block; color: var(--mfn-ui-label); font-weight: 500; } .mfn-ui .mfn-form .form-control { position: relative; } .mfn-ui .mfn-form .form-content { display: flex; padding-bottom: 20px; border-bottom: 1px dashed var(--mfn-ui-border-1); } .mfn-ui .mfn-form .mfn-form-row:last-child:not(.mfn_field_mobile) .form-content { border-bottom: 0; padding-bottom: 0; } .mfn-ui .mfn-form .form-content-full-width { flex-wrap: wrap; } .mfn-ui .mfn-form .form-content-full-width .form-group { width: 100%; margin: 0; } .mfn-ui .mfn-form .form-content-full-width .desc-group { width: 100%; margin-top: 10px; display: block; } .mfn-ui .mfn-form .form-group { display: flex; flex-wrap: wrap; flex-shrink: 0; position: relative; margin-right: 30px; width: 35%; min-width: 350px; } .mfn-ui .mfn-form .form-group .form-control { width: 1%; min-width: 0; flex: 1 1 auto; } .mfn-ui .mfn-form .narrow .form-control{width:100px;flex:unset} .mfn-ui .mfn-form .form-group .break { flex-basis: 100%; height: 0; } .mfn-ui .mfn-form .desc-group { display: flex; align-items: center; } .mfn-ui .mfn-form .desc-group .description { display: block; color: (--mfn-ui-text-color-1); line-height: 22px; } .mfn-ui .mfn-form .desc-group .description b { color: var(--mfn-ui-heading); } .mfn-ui .mfn-form .desc-group .description.error {color:red} .mfn-ui .mfn-form .desc-group ul { display: block; float: left; list-style: none; width: 31%; margin: 0 2% 10px 0; } .mfn-ui .mfn-form .desc-group ul li { position: relative; margin-bottom: 5px; padding-left: 20px; } .mfn-ui .mfn-form .desc-group ul li:before { content: ""; display: block; width: 6px; height: 6px; background: #72a5d8; box-shadow: 0 0 0 3px rgba(114, 165, 216, 0.25); border-radius: 100%; position: absolute; left: 0; top: 10px; } .mfn-ui .mfn-form .desc-group ul li:first-child { padding-left: 0; } .mfn-ui .mfn-form .desc-group ul li:first-child:before { display: none; } .mfn-ui .mfn-form .has-icon a.mfn-option-btn { position: absolute; top: 9px;z-index:1 } .mfn-ui .mfn-form .has-icon-left a.mfn-option-btn { left: 9px; } .mfn-ui .mfn-form .has-icon-right a.mfn-option-btn { right: 9px; } .mfn-ui .mfn-form .has-icon-left .mfn-form-control { padding-left: 40px; } .mfn-ui .mfn-form .has-icon-right .mfn-form-control { padding-right: 40px; } .mfn-ui .mfn-form .multiple-inputs .form-control { flex: inherit; display: flex; width: auto; } .mfn-ui .mfn-form .multiple-inputs .field { float: left; position: relative; margin-right: -1px; } .mfn-ui .mfn-form .multiple-inputs .field:after { content: attr(data-key); display: block; text-align: center; font-size: 11px; text-transform: uppercase } .mfn-ui .mfn-form .multiple-inputs .mfn-form-input { width: 60px; padding-left: 5px; padding-right: 5px; text-align: center; border-radius: 0; } .mfn-ui .mfn-form .multiple-inputs .mfn-form-input:hover, .mfn-ui .mfn-form .multiple-inputs .mfn-form-input:focus { z-index: 1; position: relative; } .mfn-ui .mfn-form .multiple-inputs .field:first-child .mfn-form-input { border-radius: 3px 0 0 3px !important;} .mfn-ui .mfn-form .multiple-inputs.equal-full-inputs .form-control input.numeral{width:72px} .mfn-ui .mfn-form .social-icons .social-wrapper{width:100%;max-width:500px} .mfn-ui .mfn-form .social-icons .social-wrapper li{display:flex;align-items:center;min-height:44px} .mfn-ui .mfn-form .social-icons .drag{display:flex;align-items:center;margin-left:-25px;margin-right:5px;opacity:0;transition:opacity .2s ease-in-out} .mfn-ui .mfn-form .social-icons li:hover .drag{opacity:.5;cursor:ns-resize} .mfn-ui .mfn-form .social-icons li:hover .drag:hover{opacity:1} .mfn-ui .mfn-form .social-icons .label{display:flex;align-items:center;width:100px;margin-right:20px;color:var(--mfn-ui-heading)} .mfn-ui .mfn-form .social-icons .label i{margin-right:5px} .mfn-ui .mfn-form .checkboxes ul{margin:0} .mfn-ui .mfn-form .checkboxes ul li{display:block;position:relative;line-height:20px;border-radius:3px;padding:7px 15px 7px 43px;margin-bottom:6px;cursor:pointer} .mfn-ui .mfn-form .checkboxes ul li:after{content:"";display:none;position:absolute;top:6px;left:11px;background-image:url(../svg/options/check-blue.svg);width:24px;height:24px;background-size:20px;background-position:center;background-repeat:no-repeat} .mfn-ui .mfn-form .checkboxes ul li:before{content:"";display:block;position:absolute;width:16px;height:16px;left:13px;top:7px;border-radius:3px;border:2px solid var(--mfn-ui-checkboxes-input)} .mfn-ui .mfn-form .checkboxes ul li .title{color:var(--mfn-ui-checkboxes-title)} .mfn-ui .mfn-form .checkboxes ul li .title span{display:block;font-size:12px;font-weight:400;color:var(--mfn-ui-checkboxes-title-label)} .mfn-ui .mfn-form .checkboxes ul li .mfn-form-checkbox{display:none} .mfn-ui .mfn-form .checkboxes ul li.active{background-color:var(--mfn-ui-checkboxes-bar-hover);} .mfn-ui .mfn-form .checkboxes ul li.active:after{display:block} .mfn-ui .mfn-form .checkboxes ul li.active:before{border-color:var(--mfn-ui-checkboxes-input-active)} .mfn-ui .mfn-form .checkboxes ul li:hover{background-color:var(--mfn-ui-checkboxes-bar-hover)} .mfn-ui .mfn-form .checkboxes.invert ul li{background-color:rgba(114,165,216,0.07)} .mfn-ui .mfn-form .checkboxes.invert ul li:after{display:block} .mfn-ui .mfn-form .checkboxes.invert ul li:before{border-color:#72a5d8} .mfn-ui .mfn-form .checkboxes.invert ul li.active{background-color:transparent} .mfn-ui .mfn-form .checkboxes.invert ul li.active:after{display:none} .mfn-ui .mfn-form .checkboxes.invert ul li.active:before{border-color:#d2dae1} .mfn-ui .mfn-form .visual-options {} .mfn-ui .mfn-form .visual-options ul { margin: 0; } .mfn-ui .mfn-form .visual-options ul li { width: 180px; height: 210px; float: left; margin: 0 5px 10px; text-align: center; } .mfn-ui .mfn-form .short .visual-options ul li { height: 130px; } .mfn-ui .mfn-form .small .visual-options ul li { height: 140px; width: 90px; } .mfn-ui .mfn-form .visual-options ul li a { display: block; text-align: center; text-decoration: none; } .mfn-ui .mfn-form .visual-options ul li a .mfn-icon { background-color: var(--mfn-ui-visual-options-bg); border-radius: 3px; margin-bottom: 10px; padding: 15px; box-sizing: border-box; line-height: 0; } .mfn-ui .mfn-form .visual-options ul li a .mfn-icon img { max-width: 100%; } .mfn-ui .mfn-form .visual-options ul li a .label { display: block; color: var(--mfn-ui-visual-options-color); font-weight: 500; line-height: 22px; } .mfn-ui .mfn-form .visual-options ul li a .label span { display: block; color: var(--mfn-ui-visual-options-desc); font-size: 13px; } .mfn-ui .mfn-form .visual-options ul li a:hover .mfn-icon { background-color: var(--mfn-ui-visual-options-bg-hover); } .mfn-ui .mfn-form .visual-options ul li.active a .mfn-icon { box-shadow: inset 0 0 0 2px rgba(114, 165, 216, 1); background-color: var(--mfn-ui-visual-options-bg-hover); } .mfn-ui .mfn-form .visual-options ul li input[type="checkbox"] { display: none; } .mfn-ui .mfn-form .range-slider { align-items: center; } .mfn-ui .mfn-form .range-slider .form-control { flex: initial; width: auto; } .mfn-ui .mfn-form .range-slider .mfn-form-control { width: 75px; } .mfn-ui .mfn-form .range-slider .range{font-size:12px; line-height: 14px; text-align:right;color: #929daa;} .mfn-ui .mfn-form .range-slider .sliderbar_input{width:65px!important;float:left;margin-right:15px} .mfn-ui .mfn-form .range-slider .ui-slider{ flex: 1 1 auto; position:relative;text-align:left;background-color: var(--mfn-ui-range-slider-bg);border-width:0;z-index:1; min-width:50px; margin: 0 15px;} .mfn-ui .mfn-form .range-slider .ui-slider .ui-slider-handle{ width: 6px; height: 6px; background:var(--mfn-ui-range-slider-handle); border: 6px solid var(--mfn-ui-input-focus-border) !important; position: absolute; z-index: 2; cursor: default; border: none; outline: none; border-radius: 100%; } .mfn-ui .mfn-form .range-slider .ui-slider .ui-state-hover, .mfn-ui .mfn-form .range-slider .ui-slider .ui-state-active{border-color:#6497ca !important;} .mfn-ui .mfn-form .range-slider .ui-slider .ui-slider-range{background:rgba(114, 165, 216, .85);position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0} .mfn-ui .mfn-form .range-slider .ui-slider-horizontal{height:12px;border-radius:6px} .mfn-ui .mfn-form .range-slider .ui-slider-horizontal .ui-slider-handle{top:-3px;margin-left:-9px} .mfn-ui .mfn-form .range-slider .ui-slider-horizontal .ui-slider-range{top:0;height:100%} .mfn-ui .mfn-form .range-slider .ui-slider-horizontal .ui-slider-range-min{left:0;border-radius:6px} .mfn-ui .mfn-form .range-slider .ui-slider-horizontal .ui-slider-range-max{right:0} .mfn-ui .mfn-form .mfn-slider-unit {display: inline-flex; position: absolute; right: 0; top: -24px;} .mfn-ui .mfn-form .mfn-slider-unit li{cursor:pointer;margin: 0 1px;} .mfn-ui .mfn-form .mfn-slider-unit li a { display: block; border-radius: 3px; text-decoration: none; line-height: 1; padding: 1px 3px 2px 3px; font-size: 10px; color: #888; opacity: .3; } .mfn-ui .mfn-form .mfn-slider-unit li:hover a { opacity: .7; } .mfn-ui .mfn-form .mfn-slider-unit li.active a { opacity: 1;} .mfn-ui .mfn-form .gradient-form .form-control:not(:last-of-type){margin-bottom:5px} .mfn-ui .mfn-form .has-switch{float:left;margin-right:15px;border-radius:30px;display:inline-block;cursor:pointer;overflow:hidden;position:relative;text-align:left;width:80px;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none} .mfn-ui .mfn-form .has-switch > div{width:162%;position:relative;top:0} .mfn-ui .mfn-form .has-switch > div.switch-animate{-webkit-transition:left .25s ease-out;-moz-transition:left .25s ease-out;-o-transition:left .25s ease-out;transition:left .25s ease-out;-webkit-backface-visibility:hidden} .mfn-ui .mfn-form .has-switch > div.switch-off{left:-63%} .mfn-ui .mfn-form .has-switch > div.switch-off label{background-color:#999;border-color:#bbb;-webkit-box-shadow:-1px 0 0 rgba(255,255,255,0.5);-moz-box-shadow:-1px 0 0 rgba(255,255,255,0.5);box-shadow:-1px 0 0 rgba(255,255,255,0.5)} .mfn-ui .mfn-form .has-switch > div.switch-on{left:0} .mfn-ui .mfn-form .has-switch > div.switch-on label{background-color:#72a5d8} .mfn-ui .mfn-form .has-switch input[type=checkbox]{display:none} .mfn-ui .mfn-form .has-switch span{cursor:pointer;font-size:14px!important;font-weight:600!important;float:left;height:29px;line-height:19px!important;padding-bottom:6px;padding-top:5px;position:relative;text-align:center;width:50%;z-index:1;margin:0!important;color:#fff!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.25s ease-out;-moz-transition:.25s ease-out;-o-transition:.25s ease-out;transition:.25s ease-out;-webkit-backface-visibility:hidden} .mfn-ui .mfn-form .has-switch span.switch-left{border-radius:30px 0 0 30px;background-color:#8eb7e0;border-left:1px solid transparent} .mfn-ui .mfn-form .has-switch span.switch-right{border-radius:0 30px 30px 0;background-color:#bbb;color:#fff;text-indent:7px} .mfn-ui .mfn-form .has-switch span.switch-right [class*=fui-]{text-indent:0} .mfn-ui .mfn-form .has-switch label{border:4px solid #8eb7e0;border-radius:50%;float:left;height:21px;position:relative;vertical-align:middle;width:21px;z-index:100;margin:0 -15px 0 -14px;padding:0;-webkit-transition:.25s ease-out;-moz-transition:.25s ease-out;-o-transition:.25s ease-out;transition:.25s ease-out;-webkit-backface-visibility:hidden} .mfn-ui .mfn-form .has-addons {} .mfn-ui .mfn-form .has-addons a { text-decoration: none; } .mfn-ui .mfn-form .has-addons span.label { display: block; padding: 0 15px; min-width: 14px; height: 42px; line-height: 42px; text-align: center; border-style: solid; border-color: var(--mfn-ui-input-border); background-color: var(--mfn-ui-input-label-bg); color: var(--mfn-ui-input-label-color); } .mfn-ui .mfn-form .has-addons a span.label { background-color: var(--mfn-ui-input-label-bg); color:var(--mfn-ui-input-label-link-color)} .mfn-ui .mfn-form .has-addons a:hover span.label { background: var(--mfn-ui-input-label-bg-hover); border-color: var(--mfn-ui-input-label-border-hover); color: var(--mfn-ui-input-label-color-hover); } .mfn-ui .mfn-form .has-addons .form-control-addon {} .mfn-ui .mfn-form .has-addons .form-control-addon .mfn-form-control { background-color: #f9f9f9; } .mfn-ui .mfn-form .has-addons .form-control-addon .mfn-form-select { padding-right: 30px; } .mfn-ui .mfn-form .form-addon-prepend span.label { border-radius: 3px 0 0 3px; border-width: 1px 0px 1px 1px; } .mfn-ui .mfn-form .form-addon-append span.label { border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 0px; } .mfn-ui .mfn-form .has-addons-prepend .mfn-form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; } .mfn-ui .mfn-form .has-addons-append .mfn-form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .mfn-ui .mfn-form .form-addon-prepend, .mfn-ui .mfn-form .form-addon-append {} .mfn-ui .mfn-form .typography .form-control { flex: inherit; width: auto; padding-bottom: 26px; position: relative; } .mfn-ui .mfn-form .typography .form-control:after { content: attr(data-key); display: block; position: absolute; left: 0; bottom: 0; font-size: 11px; text-transform: uppercase; white-space: nowrap; } .mfn-ui .mfn-form .typography .form-control-font { max-width: 200px; margin-right: 10px; } .mfn-ui .mfn-form .typography .form-addon-append { margin-right: 10px; } .mfn-ui .mfn-form .typography input[type="number"] { width: 70px; } .mfn-ui .mfn-form .color-picker .color-picker-group{display:flex; align-items: flex-start; } .mfn-ui .mfn-form .color-picker .form-control{ flex: inherit; width: auto; } .mfn-ui .mfn-form .color-picker .form-control .mfn-form-input{width:235px;text-align:left;padding-left:15px} .mfn-ui .mfn-form .color-picker .form-addon-prepend { background: url(../img/transparency.png) #fff; border-radius: 4px 0 0 4px; } .mfn-ui .mfn-form .color-picker a span.label, .mfn-ui .mfn-form .color-picker a:hover span.label{color:#304050} .mfn-ui .mfn-form .color-picker a span.label.dark, .mfn-ui .mfn-form .color-picker a:hover span.label.dark{color:#fff} .mfn-ui .mfn-form .color-picker .wp-picker-container{position:absolute} .mfn-ui .mfn-form .color-picker .wp-picker-container.wp-picker-active{z-index:2} .mfn-ui .mfn-form .color-picker .wp-color-result{width:50px;height:44px;padding:0;margin:0;opacity:0} .mfn-ui .mfn-form .color-picker .wp-picker-input-wrap{display:none} .mfn-ui .mfn-form .color-picker .iris-alpha-slider{margin-right:-1px!important} .mfn-ui .mfn-card:last-child .color-picker .wp-picker-holder { position: absolute; left: 0; bottom: calc(100% + 6px); } .mfn-ui .mfn-form .color-picker.multi .color-picker-group{position:relative} .mfn-ui .mfn-form .color-picker.multi .color-picker-group{margin-right:10px} .mfn-ui .mfn-form .color-picker.multi .color-picker-group:last-child{margin-right:0} .mfn-ui .mfn-form .color-picker.multi .color-picker-group[data-key]{margin-bottom:10px} .mfn-ui .mfn-form .color-picker.multi .color-picker-group:after{ content: attr(data-key); display: block; position: absolute; left: 50%; top: 100%;transform:translateX(-50%); font-size: 11px; text-transform: uppercase; white-space: nowrap; } .mfn-ui .mfn-form .iris-palette-container{max-width:203px} .mfn-ui .mfn-form .iris-picker{padding-bottom:60px !important} .mfn-ui .mfn-form .iris-picker .iris-palette{width:25px !important;height:25px !important;margin:2px !important} .mfn-ui .mfn-form .isInset.multiple-inputs-with-color .inset span.label{background:#72a5d8; color: white;} .mfn-ui .mfn-form .multiple-inputs-with-color .color-picker-group .mfn-form-input{padding-left:15px;text-align:left} .mfn-ui .mfn-form .multiple-inputs-with-color .color-mirror{display:none} .mfn-ui .mfn-form .multiple-inputs-with-color .color-picker-clear{z-index:9} .mfn-ui .mfn-form .multiple-inputs-with-color .color-mirror-source{margin-left:10px} .mfn-ui .mfn-form .mfn-pills-field { box-sizing: border-box; padding: 6px 10px; border: 1px solid #e4e9ee; color: #304050; background-color: #fff; border-radius: 3px; font-size: 14px; line-height: 26px; } .mfn-ui .mfn-form .mfn-pills-field.pills-focused {border-color: #72a5d8; color: #304050; box-shadow: 0 0 0 2px rgba(114,165,216,0.25); outline: none;} .mfn-ui .mfn-form .mfn-pills-field span{ background-color: rgba(114,165,216,0.15); color: #304050; padding:1px 7px 1px 1px; margin: 2px; border-radius: 3px; display:inline-block} .mfn-ui .mfn-form .mfn-pills-field span:hover { background-color: rgba(114,165,216,0.25); } .mfn-ui .mfn-form .mfn-pills-field span i {cursor:pointer;} .mfn-ui .mfn-form .mfn-pills-field input{ border: 0 !important; width:auto; margin: 0 1px;} .mfn-ui .mfn-form .mfn-pills-field .mfn-pills-input{max-width:99.99%!important;transition: width 0s;text-align:left; margin: 2px; min-width:150px; padding:0; border: 0; box-shadow: 0 0 0 0;} .mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_row{ display: flex;} .mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_row .di-input-wrapper{ display: none; margin-right: 5px; } .mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_row .di-input-wrapper.di-input-active{ display: block;} .mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_row .di-input-wrapper.di-input-rule{ display: block;flex-shrink: 0; flex-grow: 1; } .mfn-ui .mfn-form .dynamic_items_wrapper .mfn-btn{margin: 0; padding: 9px 20px; width: 100%; box-sizing: border-box; justify-content: center;} .mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_preview{ display: flex; flex-wrap: wrap; list-style-type: none; margin: 0 0 5px 0; padding: 0; } .mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_preview li{ position: relative; cursor: move; display: flex; align-items: center; justify-content: center; margin: 0 5px 5px 0; padding: 10px; border: 1px solid var(--mfn-ui-input-border); border-radius: 3px; width: calc(33.3% - 5px); box-sizing: border-box; background: url(../img/transparency.png); } .mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_preview li:hover{ border-color: var(--mfn-ui-highlight); } .mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_preview li img{ width: auto; height: auto; max-width: 80px; max-height: 80px; display: block; min-width: 40px; } .mfn-ui .mfn-form .dynamic_items_wrapper .dynamic_items_preview li .mfn-button-delete{position: absolute; top: 5px; right: 5px; } .mfn-ui .mfn-form .dynamic_items_wrapper .new-item-wrapper{display:none} .mfn-ui .mfn-form .browse-image { } .mfn-ui .mfn-form .browse-image .selected-image { width: 100%; margin-top: 20px; line-height: 0; background: url(../img/transparency.png); border-radius: 3px; text-align: center; } .mfn-ui .mfn-form .browse-image .selected-image img { max-width: 100%; max-height: 100%; } .mfn-ui .mfn-form .browse-image.empty .selected-image, .mfn-ui .mfn-form .browse-image.empty .mfn-button-delete { display: none; } .mfn-ui .mfn-form .browse-image.multi { display: block; width: 100%; margin-right: 0; } .mfn-ui .mfn-form .browse-image.multi .browse-options { margin-bottom: 20px; } .mfn-ui .mfn-form .browse-image.multi .mfn-button-upload { display: inline-block; padding: 0 15px; margin-right: 5px; height: 42px; line-height: 42px; border: 1px solid #e4e9ee; text-decoration: none; background-color: #f9f9f9; color:#304050; border-radius: 3px; } .mfn-ui .mfn-form .browse-image.multi .mfn-button-upload:hover { background: #72a5d8; border-color: #72a5d8; color: #fff; } .mfn-ui .mfn-form .browse-image.multi .mfn-button-delete-all { display: inline-block; padding: 5px 10px 5px 30px; background-image: url(../svg/options/delete.svg); background-size: 22px; background-position: left 5px center; background-repeat: no-repeat; border-radius: 3px; margin-top: 5px; } .mfn-ui .mfn-form .browse-image.multi .gallery-container { width: 100%; clear: both; margin: 0; } .mfn-ui .mfn-form .browse-image.multi .gallery-container li { display: flex; margin: 0 15px 15px 0; width: 120px; height: 120px; position: relative; line-height: 0; background: url(../img/transparency.png); border-radius: 3px; float: left; justify-content: center; align-items: center; } .mfn-ui .mfn-form .browse-image.multi .gallery-container li .mfn-button-delete { position: absolute; right: 5px; top: 5px; } .mfn-ui .mfn-form .browse-image.multi.empty .browse-options { margin-bottom: 0 } .mfn-ui .mfn-form .browse-image.multi.empty .mfn-button-delete-all { display: none } .mfn-ui .mfn-form .browse-icon .label .text { display: none; } .mfn-ui .mfn-form .browse-icon.empty .label .text { display: inline; } .mfn-ui .mfn-form .browse-icon.empty .label i { display: none; } .mfn-ui .mfn-form .browse-icon.empty .mfn-button-delete { display: none; } .mfn-ui .mfn-form .visual-editor .wp-editor-container{border-color:#e4e9ee;box-shadow:unset} .mfn-ui .mfn-form .visual-editor .mce-tinymce{box-shadow:unset} .mfn-ui .mfn-form .visual-editor .mce-tinymce iframe{height:300px!important} .mfn-ui .mfn-form .visual-editor .mce-tinymce .mce-wp-dfw{display:none} .mfn-ui .mfn-modal[data-type="column"] .visual-editor .mce-tinymce iframe{height:340px!important} .mfn-ui .mfn-form .tabs .tabs-wrapper{width:100%;margin:0} .mfn-ui .mfn-form .tabs .tab .tab-header{display:flex;justify-content:space-between;align-items:center;background-color:rgba(114,165,216,0.07);padding:7px;border-radius:3px;cursor:ns-resize} .mfn-ui .mfn-form .tabs .tab .tab-header .title{margin:0 0 0 9px} .mfn-ui .mfn-form .tabs .tab .tab-header .mfn-tab-hide{display:none} .mfn-ui .mfn-form .tabs .tab .tab-header .mfn-tab-clone{margin-left:auto} .mfn-ui .mfn-form .tabs .tab .tab-content{display:none;padding:7px 0} .mfn-ui .mfn-form .tabs .tab .tab-content .mfn-form-control:not(:last-child){margin-bottom:5px} .mfn-ui .mfn-form .tabs .tab .tab-content .form-control{width:100%;margin-top:13px} .mfn-ui .mfn-form .tabs .tab.show .tab-header .mfn-tab-show{display:none} .mfn-ui .mfn-form .tabs .tab.show .tab-header .mfn-tab-hide{display:block} .mfn-ui .mfn-form .tabs .tab.show .tab-content{display:block} .mfn-ui .mfn-form .tabs .tab.default{display:none} .mfn-ui .mfn-form .tabs a.mfn-button-add{display:inline-block;padding:5px 10px 5px 30px;background-image:url(../svg/options/add.svg);background-size:22px;background-position:left 5px center;background-repeat:no-repeat;border-radius:3px;margin-top:5px} .mfn-ui .mfn-form .order-field ul{margin:0} .mfn-ui .mfn-form .order-field ul li{border:1px solid rgba(114,165,216,0.1);height:25px;padding:5px 15px;background-color:#f5f9fd; color: #304050; font-weight: 600;border-radius:3px;cursor:move} .mfn-ui .mfn-form .order-field ul li.ui-sortable-helper{border-color:#72a5d8} .mfn-ui .mfn-form .sidebar-add .added-sidebars { width: 100%; margin-top: 20px; } .mfn-ui .mfn-form .sidebar-add .added-sidebars ul { margin: 0; } .mfn-ui .mfn-form .sidebar-add .added-sidebars ul li { background-color: rgba(114, 165, 216, 0.07); color: var(--mfn-ui-heading); position: relative; border-radius: 3px; padding: 7px 50px 7px 15px; margin-bottom: 6px; } .mfn-ui .mfn-form .sidebar-add .added-sidebars ul li:last-child { margin-bottom: 0; } .mfn-ui .mfn-form .sidebar-add .added-sidebars ul li a.mfn-option-btn { position: absolute; right: 7px; top: 50%; transform: translateY(-50%); } .mfn-ui .mfn-form .sidebar-add .added-sidebars ul li.default{display:none} .mfn-ui .mfn-form .sidebar-add.empty .added-sidebars { display: none; } .mfn-ui .mfn-form .backup-import .backup-import-group p { margin-bottom: 10px; } .mfn-ui .mfn-form .backup-import .backup-import-group .mfn-form-control { margin-bottom: 8px; } .mfn-ui .mfn-form .backup-import .backup-import-group .mfn-btn { margin: 0 15px 0 0; } .mfn-ui .mfn-form .backup-import .backup-import-group .warning{ color: #ce594e; } .mfn-ui .mfn-form .backup-reset-step .mfn-btn { margin: 0 15px 0 0; } .mfn-ui .mfn-form .backup-reset-step .warning{ color: #ce594e; } .mfn-ui .mfn-form .backup-reset-step .mfn-form-control { margin-bottom: 8px; } .mfn-ui .mfn-form .segmented-options .form-control { flex: inherit; width: auto; } .mfn-ui .mfn-form .segmented-options ul { margin: 0; display: flex; } .mfn-ui .mfn-form .segmented-options ul li { margin: 0; } .mfn-ui .mfn-form .segmented-options ul li a { display: block; overflow: hidden; border: 1px solid var(--mfn-ui-segmented-options-border); text-decoration: none; color: var(--mfn-ui-segmented-options-color); background-color: var(--mfn-ui-segmented-options-bg); } .mfn-ui .mfn-form .segmented-options ul li a .text { padding: 0 15px; line-height: 44px; } .mfn-ui .mfn-form .segmented-options ul li a .mfn-icon { display: block;width: 44px; height: 44px; background-size: 22px; background-position: center; background-repeat: no-repeat; } .mfn-ui .mfn-form .segmented-options ul li:first-child a { border-radius: 3px 0 0 3px; } .mfn-ui .mfn-form .segmented-options ul li:last-child a { border-radius: 0 3px 3px 0; } .mfn-ui .mfn-form .segmented-options ul li:not(:first-child) a { border-left: 0; } .mfn-ui .mfn-form .segmented-options ul li a:hover { background-color: var(--mfn-ui-segmented-options-bg-hover); } .mfn-ui .mfn-form .segmented-options ul li.active a { background-color: var(--mfn-ui-segmented-options-bg-active); border-color: var(--mfn-ui-segmented-options-border-active); color: var(--mfn-ui-segmented-options-color-active); } .mfn-ui .mfn-form .segmented-options ul li input[type="checkbox"] { display: none; } #lottie_source_switcher .segmented-options ul li.active a{color:#222} .mfn-ui .mfn-form .segmented-options-with-label { display: flex; align-items: center; justify-content: space-between; } .mfn-ui .mfn-form .segmented-options-with-label .form-control { display: flex; justify-content: space-between; align-items: center; } .mfn-ui .mfn-form .segmented-options-with-label h6 { margin: 0; font-weight: 400; } .mfn-ui .mfn-form .settings { display: flex; justify-content: space-between; } .mfn-ui .mfn-form .settings > .mfn-icon { display: block; width: 36px; height: 36px; flex-shrink: 0; background-size: 26px; background-position: center; background-repeat: no-repeat; margin-right: 20px; } .mfn-ui .mfn-form .settings .setting-label { flex: min-content; position: relative; } .mfn-ui .mfn-form .settings .setting-label h5 { margin-bottom: 5px; } .mfn-ui .mfn-form .settings .setting-label p { margin: 0; } .mfn-ui .mfn-form .settings .setting-label .info-changed { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .mfn-ui .mfn-form .settings .setting-label .info-changed[data-tooltip]:before { width: 200px; text-align: center; white-space: normal; } .mfn-ui .mfn-form .settings .form-control { margin-left: auto; flex: inherit; } .mfn-ui .mfn-form .mfn-row:not(.changed) .settings .info-changed{display:none} /* Typography field */ .mfn-ui .mfn-form .form-content.toggle_fields{position:relative} .mfn-ui .mfn-form .mfn-toggle-fields-wrapper{display:none;position:absolute;left:0;top:40px;z-index:250px;z-index:11;background-color:#fbfbfb;padding:15px;width:380px;box-sizing:border-box;border-radius:4px;box-shadow:0 0 13px rgba(0,0,0,.1)} .mfn-ui .mfn-form .mfn-toggle-fields-wrapper:after{content:"";display:block;position:absolute;left:10px;bottom:100%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-bottom-color:#fbfbfb;border-width:7px} .mfn-ui .mfn-form .form-content.toggle_fields.active .mfn-toggle-fields-wrapper{display:block} .mfn-ui .mfn-form .form-content.toggle_fields.active .mfn-typo-button{background-color:#72a5d8} .mfn-ui .mfn-form .form-content.toggle_fields.active .mfn-typo-button .mfn-icon-edit{background-image:url(../svg/options/edit-light.svg)} .mfn-ui .mfn-form .mfn-toggle-fields-wrapper .mfn-form-row{margin-bottom:5px} .mfn-ui .mfn-form .mfn-toggle-fields-wrapper .row-column{flex-basis:unset;max-width:unset} .mfn-ui .mfn-form .mfn-toggle-fields-wrapper .form-label{display:inline-block} .mfn-ui .mfn-form .mfn-toggle-fields-wrapper .form-content{padding-bottom:10px} .mfn-ui .mfn-form .mfn-toggle-fields-wrapper .form-group.range-slider, .mfn-ui .mfn-form .mfn-toggle-fields-wrapper .form-group.font-family-select{width:100%;margin:0} .mfn-ui .mfn-form .mfn-toggle-fields-wrapper .responsive-switcher{margin-left:10px;} /* Toggled rows */ .mfn-ui .row-header.toggled_header{cursor:pointer} .mfn-ui .row-header.toggled_header:not(.mfn-toggle-expanded){margin-bottom:0} .mfn-ui .row-header.toggled_header h5{position:relative} .mfn-ui .row-header.toggled_header h5:before{ color: #444; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; position: absolute; right: 20px; top: 14px; transition: all 0.3s ease-in-out; content: '\e868'; font-family: "mfn-icons"; } .mfn-ui .row-header.toggled_header.mfn-toggle-expanded h5:before{ transform: rotate(180deg); color: #222; } .mfn-ui .row-header.toggled_header h5:after { font-size: 10px; line-height: 1; padding: 4px 5px; border: 1px solid rgba(48,64,80,.1); color: rgba(48,64,80,.3); border-radius: 3px; position: absolute; right: 60px; top: 50%; transform: translateY(-50%); } .mfn-ui .row-header.theme-simple-style h5:after { content: "Style simple"; } .mfn-ui .row-header.theme-classic-style h5:after { content: "Style classic"; } .mfn-ui .row-header.toggled_header.transform_options{display:none} .mfn-ui .modalbox-card > .mfn-form-row.mfn-toggled{display:none!important} /* Code Mirror */ .mfn-ui .mfn-form .CodeMirror{border:1px solid #e5e5e5;background:#f2f6fa;z-index:0; font-family: Courier, monospace;} .CodeMirror-lint-tooltip{z-index:9999!important} .CodeMirror.preventClick{position:relative} .CodeMirror.preventClick:after{background:rgba(0,0,0,.1);position:absolute;content:'';width:100%;height:100%;left:0;top:0;z-index:10} /* Button preview */ .mfn-ui .mfn-form .form-group.mfn-preview{margin:20px 0} .mfn-ui .mfn-form .mfn-preview .item{float:left;position:relative;margin-right:20px} .mfn-ui .mfn-form .mfn-preview .item:after{content: attr(data-key); display: block; position: absolute; left: 50%; top: 100%;transform:translateX(-50%); font-size: 11px; text-transform: uppercase; white-space: nowrap} .mfn-ui { --mfn-button-font-family: inherit; --mfn-button-font-size: inherit; --mfn-button-font-weight: inherit; --mfn-button-font-style: inherit; --mfn-button-letter-spacing: inherit; --mfn-button-gap: 10px; --mfn-button-padding: 10px 20px; --mfn-button-border-width: 0px; --mfn-button-border-style: solid; --mfn-button-border-radius: 3px; --mfn-button-transition: 0.2s; --mfn-button-color: #626262; --mfn-button-color-hover: #626262; --mfn-button-icon-color: #626262; --mfn-button-icon-color-hover: #626262; --mfn-button-background: #dbdddf; --mfn-button-background-hover: #d3d3d3; --mfn-button-border-color: transparent; --mfn-button-border-color-hover: transparent; --mfn-button-box-shadow: unset; --mfn-button-highlighted-color: #fff; --mfn-button-highlighted-color-hover: #fff; --mfn-button-highlighted-icon-color: #fff; --mfn-button-highlighted-icon-color-hover: #fff; --mfn-button-highlighted-background: #0095eb; --mfn-button-highlighted-background-hover: #007cc3; --mfn-button-highlighted-border-color: transparent; --mfn-button-highlighted-border-color-hover: transparent; --mfn-button-highlighted-box-shadow: unset; --mfn-button-shop-color: #fff; --mfn-button-shop-color-hover: #fff; --mfn-button-shop-background: #161922; --mfn-button-shop-background-hover: #030304; --mfn-button-shop-border-color: transparent; --mfn-button-shop-border-color-hover: transparent; --mfn-button-shop-box-shadow: unset; --mfn-button-action-color: #626262; --mfn-button-action-color-hover: #626262; --mfn-button-action-background: #dbdddf; --mfn-button-action-background-hover: #d3d3d3; --mfn-button-action-border-color: transparent; --mfn-button-action-border-color-hover: transparent; --mfn-button-action-box-shadow: unset; } .mfn-ui .button-preview{ display: inline-flex; align-items: center; justify-content: center; position: relative; box-sizing: border-box; font-family: var(--mfn-button-font-family); font-size: var(--mfn-button-font-size); font-weight: var(--mfn-button-font-weight); font-style: var(--mfn-button-font-style); letter-spacing: var(--mfn-button-letter-spacing); gap: var(--mfn-button-gap); line-height: 1; padding: var(--mfn-button-padding); border-width: var(--mfn-button-border-width); border-style: var(--mfn-button-border-style); border-radius: var(--mfn-button-border-radius); white-space: nowrap; outline: unset; text-decoration: none; cursor: pointer; overflow: hidden; transition: all var(--mfn-button-transition) ease-in-out; } .mfn-ui .button-preview i{ transition: color var(--mfn-button-transition) ease-in-out; } /* Button preview | animations */ .mfn-ui[data-animation^="slide"] .button-preview { transform-style: preserve-3d; } .mfn-ui[data-animation^="slide"] .button-preview:before { content: ""; display: block; position: absolute; z-index: -1; background-color: inherit; transition: all var(--mfn-button-transition) ease-in-out; } .mfn-ui[data-animation^="slide"] .button-preview:hover:before { width: 100%; } /* Slide Right */ .mfn-ui[data-animation$="slide-right"] .button-preview:before { left: 0; top: 0; width: 0%; height: 100%; } .mfn-ui[data-animation$="slide-right"] .button-preview:hover:before { width: 100%; } /* Slide Left */ .mfn-ui[data-animation$="slide-left"] .button-preview:before { right: 0; top: 0; width: 0%; height: 100%; } .mfn-ui[data-animation$="slide-left"] .button-preview:hover:before { width: 100%; } /* Slide Top */ .mfn-ui[data-animation$="slide-top"] .button-preview:before { left: 0; bottom: 0; width: 100%; height: 0%; } .mfn-ui[data-animation$="slide-top"] .button-preview:hover:before { height: 100%; } /* Slide Bottom */ .mfn-ui[data-animation$="slide-bottom"] .button-preview:before { left: 0; top: 0; width: 100%; height: 0%; } .mfn-ui[data-animation$="slide-bottom"] .button-preview:hover:before { height: 100%; } /* Button preview | colors */ .mfn-ui .button-preview { background-color: var(--mfn-button-background); border-color: var(--mfn-button-border-color); color: var(--mfn-button-color); box-shadow: var(--mfn-button-box-shadow); } .mfn-ui .button-preview:hover { background-color: var(--mfn-button-background-hover); border-color: var(--mfn-button-border-color-hover); color: var(--mfn-button-color-hover); } .mfn-ui .button-preview i { color: var(--mfn-button-icon-color); } .mfn-ui .button-preview:hover i { color: var(--mfn-button-icon-color-hover); } .mfn-ui[data-animation^="slide"] .button-preview:hover { background-color: var(--mfn-button-background); } .mfn-ui[data-animation^="slide"] .button-preview:before { background-color: var(--mfn-button-background-hover); } .mfn-ui .button-preview.highlighted { background-color: var(--mfn-button-highlighted-background); border-color: var(--mfn-button-highlighted-border-color); color: var(--mfn-button-highlighted-color); box-shadow: var(--mfn-button-highlighted-box-shadow); } .mfn-ui .button-preview.highlighted:hover { background-color: var(--mfn-button-highlighted-background-hover); border-color: var(--mfn-button-highlighted-border-color-hover); color: var(--mfn-button-highlighted-color-hover); } .mfn-ui .button-preview.highlighted i { color: var(--mfn-button-highlighted-icon-color); } .mfn-ui .button-preview.highlighted:hover i { color: var(--mfn-button-highlighted-icon-color-hover); } .mfn-ui[data-animation^="slide"] .button-preview.highlighted:hover { background-color: var(--mfn-button-highlighted-background); } .mfn-ui[data-animation^="slide"] .button-preview.highlighted:before { background-color: var(--mfn-button-highlighted-background-hover); } .mfn-ui .button-preview.shop { background-color: var(--mfn-button-shop-background); border-color: var(--mfn-button-shop-border-color); color: var(--mfn-button-shop-color); box-shadow: var(--mfn-button-shop-box-shadow); } .mfn-ui .button-preview.shop:hover { background-color: var(--mfn-button-shop-background-hover); border-color: var(--mfn-button-shop-border-color-hover); color: var(--mfn-button-shop-color-hover); } .mfn-ui[data-animation^="slide"] .button-preview.shop:hover { background-color: var(--mfn-button-shop-background); } .mfn-ui[data-animation^="slide"] .button-preview.shop:before { background-color: var(--mfn-button-shop-background-hover); } .mfn-ui .button-preview.action { background-color: var(--mfn-button-action-background); border-color: var(--mfn-button-action-border-color); color: var(--mfn-button-action-color); box-shadow: var(--mfn-button-action-box-shadow); } .mfn-ui .button-preview.action:hover { background-color: var(--mfn-button-action-background-hover); border-color: var(--mfn-button-action-border-color-hover); color: var(--mfn-button-action-color-hover); } .mfn-ui[data-animation^="slide"] .button-preview.action:hover { background-color: var(--mfn-button-action-background); } .mfn-ui[data-animation^="slide"] .button-preview.action:before { background-color: var(--mfn-button-action-background-hover); } /* end: Button preview */ .mfn-ui .mfn-form .mfn-form-control{display:block;width:100%;max-width:100%;padding:8px 15px;border:1px solid var(--mfn-ui-input-border);color:var(--mfn-ui-input-color);background-color:var(--mfn-ui-input-bg);border-radius:3px;font-size:14px;line-height:26px;-moz-appearance:none;-webkit-appearance:none;margin:0} .mfn-ui .mfn-form .mfn-form-control:hover{border-color:var(--mfn-ui-input-hover-border)} .mfn-ui .mfn-form .mfn-form-control:focus{border-color:var(--mfn-ui-input-focus-border);color:var(--mfn-ui-input-focus-color);box-shadow:0 0 0 2px var(--mfn-ui-input-focus-shadow);outline:none} .mfn-ui .mfn-form .mfn-form-control.error{border-color:var(--mfn-ui-input-error-border);box-shadow:0 0 0 2px var(--mfn-ui-input-error-shadow)} .mfn-ui .mfn-form .mfn-form-control.readonly{pointer-events:none;background-color:var(--mfn-ui-input-bg-readonly)} .mfn-ui .mfn-form .mfn-form-select{padding-right:30px} .mfn-ui .mfn-form .mfn-form-input[type="number"]{padding-right:10px;text-align:left} .mfn-ui .mfn-form .mfn-form-control::-webkit-input-placeholder{color:var(--mfn-ui-input-placeholder-color);opacity:.3;font-weight:400} .mfn-ui .mfn-form .mfn-form-control::-moz-placeholder{color:var(--mfn-ui-input-placeholder-color);opacity:.3;font-weight:400} .mfn-ui .mfn-form .mfn-form-control:-ms-input-placeholder{color:var(--mfn-ui-input-placeholder-color);opacity:.3;font-weight:400} .mfn-ui .mfn-form .mfn-form-control::-ms-input-placeholder{color:var(--mfn-ui-input-placeholder-color);opacity:.3;font-weight:400} .mfn-ui .mfn-form .mfn-form-control::placeholder{color:var(--mfn-ui-input-placeholder-color);opacity:.3;font-weight:400} .mfn-ui .form-content.deprecated{opacity:.3} .mfn-ui .mfn-form-horizontal label { margin-top: 11px; line-height: 22px; } .mfn-ui .mfn-form-verical .form-content .form-group { min-width: auto; } .mfn-ui .mfn-form-verical .mfn-form-control { padding: 12px 15px; } .mfn-ui .mfn-form-verical .form-control .form-label { position: absolute; left: 5px; top: -13px; background-color: #fff; color: #98a0a8; padding: 0 10px; font-size: 12px; letter-spacing: .5px; } .mfn-ui .mfn-form-verical .multiple-inputs .form-control .form-label { z-index: 2; } .mfn-ui .mfn-form-verical .has-addons span.label { padding: 0 17px; height: 50px; line-height: 50px; } .mfn-ui .mfn-form-verical .color-picker .form-control { flex: auto; } .mfn-ui .mfn-form-verical .color-picker .form-control .mfn-form-input { width: 100%; } /* Conditions */ .mfn-ui .mfn-form .mfn-form-row.conditionally-hide{display:none} /* Dimensions linked */ .mfn-ui .mfn-form .has-addons.isLinked a span.label, .mfn-ui .mfn-form .has-addons.isInset a.inset span.label{background:#72a5d8;border-color:#72a5d8;color:#fff} /* Responsive switcher */ .mfn-ui .mfn-form .responsive-switcher{margin:0; padding: 0; display: inline-flex; position: relative;vertical-align:middle} .mfn-ui .mfn-form .responsive-switcher li{cursor:pointer;margin-bottom:0;margin-left: -1px;} .mfn-ui .mfn-form .responsive-switcher li span { width: 18px; height: 18px; display: block; border-radius: 3px; opacity: 0.3 } .mfn-ui .mfn-form .responsive-switcher li:hover span { opacity: .6; } .mfn-ui .mfn-form .responsive-switcher li.active span{ opacity: 1;} .mfn-ui .mfn-form .responsive-switcher li[data-tooltip]:first-child:before{ transform: translate(-22px, 0); } .mfn-ui .mfn-form .responsive-switcher li[data-tooltip]:first-child:hover:before{ transform: translate(-22px, -10px); } .mfn-ui .device-wrapper[data-device="desktop"] .mfn-form-row.mfn_field_laptop, .mfn-ui .device-wrapper[data-device="desktop"] .mfn-form-row.mfn_field_tablet, .mfn-ui .device-wrapper[data-device="desktop"] .mfn-form-row.mfn_field_mobile, .mfn-ui .device-wrapper[data-device="laptop"] .mfn-form-row.mfn_field_desktop, .mfn-ui .device-wrapper[data-device="laptop"] .mfn-form-row.mfn_field_tablet, .mfn-ui .device-wrapper[data-device="laptop"] .mfn-form-row.mfn_field_mobile, .mfn-ui .device-wrapper[data-device="tablet"] .mfn-form-row.mfn_field_desktop, .mfn-ui .device-wrapper[data-device="tablet"] .mfn-form-row.mfn_field_laptop, .mfn-ui .device-wrapper[data-device="tablet"] .mfn-form-row.mfn_field_mobile, .mfn-ui .device-wrapper[data-device="mobile"] .mfn-form-row.mfn_field_desktop, .mfn-ui .device-wrapper[data-device="mobile"] .mfn-form-row.mfn_field_laptop, .mfn-ui .device-wrapper[data-device="mobile"] .mfn-form-row.mfn_field_tablet{display:none} .mfn-ui .device-wrapper.auto-font-size .mfn-form-row[id^="font-size-"] .responsive-switcher{display:none} /* Normal/hover switch */ .mfn-ui .mfn-form .mfn-sft-nav { display: flex; list-style-type: none; background: rgba(100, 158, 185, 0.07); border-radius: 3px; padding: 4px 2px; margin: 0 0 20px; max-width:500px} .mfn-ui .mfn-form .mfn-sft-nav li { flex: 1 0 auto; margin: 0 2px; text-align: center; cursor: pointer; } .mfn-ui .mfn-form .mfn-sft-nav li a { display: block; color: #304050; border-radius: 3px; padding: 6px 0; text-decoration: none; transition: background-color .5s easy-in-out } .mfn-ui .mfn-form .mfn-sft-nav li:hover a { background: rgba(255,255,255,.3); } .mfn-ui .mfn-form .mfn-sft-nav li.active a { background: #72a5d8; color: #fff; } .mfn-ui .mfn-form .mfn-form-row .mfn-sft-scroll{display:none} .mfn-ui .mfn-form .mfn-form-row.hover .mfn-sft-hover{display:block} .mfn-ui .mfn-form .mfn-form-row.hover .mfn-sft-normal{display:none} .mfn-ui .mfn-form .visible-header-builder{display:none!important} .mfn-ui .mfn-form .mfn-form-row .mfn-sft-hover{display:none} /* Segmented options */ .mfn-ui .mfn-form .mfn-fields-switcher { width: 100%; } .mfn-ui .mfn-form .mfn-fields-switcher .form-content { border-bottom: 0; padding-bottom: 5px; } .mfn-ui .mfn-form .mfn-fields-switcher .segmented-options .form-control { width: 100%; } .mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li { flex: 1 0 auto; } .mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li a { text-align: center; background-color: transparent; border-width: 0 0 1px 0; border-radius: 0 !important; } .mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li a:hover, .mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li.active a { background-color: transparent; } .mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li .img { display: inline-block; width: 32px; height: 32px; } .mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li.active a:after, .mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li.active a:before{top:calc(100% - 1px);left:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none} .mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li.active a:after{border-color:rgba(246,249,250,0);border-top-color:#f6f9fa;border-width:5px;margin-left:-5px} .mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li.active a:before{border-color:rgba(114,165,216,0);border-top-color:#72a5d8;border-width:6px;margin-left:-6px} .mfn-ui .mfn-form .mfn-fields-switcher .visual-segmented-options li { width: 60px; } .mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li[data-tooltip="Default"] .img-default { background-image:url(../svg/others/bgtype-image.svg); } .mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li[data-tooltip="Gradient"] .img-gradient { background-image:url(../svg/others/bgtype-gradient.svg); } .mfn-ui .mfn-form .mfn-fields-switcher .segmented-options li[data-tooltip="Video"] .img-video { background-image:url(../svg/others/bgtype-video.svg); } .mfn-ui .mfn-form .segmented-options.invert ul li a { border-color: #71a0d0; color: #fff; background-color: #72a5d8; } .mfn-ui .mfn-form .segmented-options.invert ul li a:hover { background-color: #79aada; } .mfn-ui .mfn-form .segmented-options.invert ul li.active a { background-color: #f9f9f9; border-color: #e4e9ee; color: #304050; } .mfn-ui .mfn-form .segmented-options-with-label { display: flex; align-items: center; justify-content: space-between; } .mfn-ui .mfn-form .segmented-options-with-label .form-control { display: flex; justify-content: space-between; align-items: center; } .mfn-ui .mfn-form .segmented-options-with-label h6 { margin: 0; font-weight: 400; } .mfn-ui .mfn-form .visual-segmented-options ul li a { line-height: 0; padding: 8px; } .mfn-ui .mfn-form .visual-segmented-options ul li.active a { border-color: #7fb0e1; } .mfn-ui .mfn-form .visual-segmented-options ul li .img { display: block; } .mfn-ui .mfn-form .visual-segmented-options ul li .img svg { width: 26px; } .mfn-ui .visual-segmented-options.invert ul li:not(.active) .img .cls-1 { stroke: #fff; } .mfn-ui .visual-segmented-options.invert ul li:not(.active) .img .cls-2 { fill: #fff; } .mfn-ui .mfn-form .visual-segmented-options.active-tooltip-ready ul li.active[data-tooltip]:before { content: attr(data-tooltip-active); } /* Grid */ .mfn-ui .mfn-row { display:flex; flex: 0 1 auto; flex-direction:row; flex-wrap:wrap; box-sizing:border-box; margin: 0 -10px 20px; } /* .mfn-ui .mfn-row:last-child { margin-bottom: 0;} */ .mfn-ui .mfn-row.hidden,.mfn-ui .hide-theme-options{display:none} .mfn-ui .mfn-row .row-column { box-sizing:border-box; flex:0 0 auto;padding: 0 10px; } .mfn-ui .row-header-title { background-color: #f9f9f9; margin: 0 -20px 20px; padding: 15px 20px !important; } .mfn-ui .row-header-title .row-column { padding: 0; } .mfn-ui .row-header-title .row-header-title { margin: 0; } .mfn-ui .row-column-center { text-align: center; } .mfn-ui .mfn-row .row-column-1 { flex-basis: 8.33333333%; max-width: 8.33333333%; } .mfn-ui .mfn-row .row-column-2 { flex-basis: 16.66666667%; max-width: 16.66666667%; } .mfn-ui .mfn-row .row-column-3 { flex-basis: 25%; max-width: 25%; } .mfn-ui .mfn-row .row-column-4 { flex-basis: 33.33333333%; max-width: 33.33333333%; } .mfn-ui .mfn-row .row-column-5 { flex-basis: 41.66666667%; max-width: 41.66666667%; } .mfn-ui .mfn-row .row-column-6 { flex-basis: 50%; max-width: 50%; } .mfn-ui .mfn-row .row-column-7 { flex-basis: 58.33333333%; max-width: 58.33333333%; } .mfn-ui .mfn-row .row-column-8 { flex-basis: 66.66666667%; max-width: 66.66666667%; } .mfn-ui .mfn-row .row-column-9 { flex-basis: 75%; max-width: 75%; } .mfn-ui .mfn-row .row-column-10 { flex-basis: 83.33333333%; max-width: 83.33333333%; } .mfn-ui .mfn-row .row-column-11 { flex-basis: 91.66666667%; max-width: 91.66666667%; } .mfn-ui .mfn-row .row-column-12 { flex-basis: 100%; max-width: 100%; } body:not(.elementor-active) .mfn-ui .mfn-row#elementor-enable{display:none} /* Sizes */ .mfn-ui .mfn-element{box-sizing:border-box} .mfn-ui .mfn-element[data-size="0.1666"]{width:15.66%} .mfn-ui .mfn-element[data-size="0.2"]{width:19%} .mfn-ui .mfn-element[data-size="0.25"]{width:24%} .mfn-ui .mfn-element[data-size="0.3333"]{width:32.33%} .mfn-ui .mfn-element[data-size="0.4"]{width:39%} .mfn-ui .mfn-element[data-size="0.5"]{width:49%} .mfn-ui .mfn-element[data-size="0.6"]{width:59%} .mfn-ui .mfn-element[data-size="0.6667"]{width:65.67%} .mfn-ui .mfn-element[data-size="0.75"]{width:74%} .mfn-ui .mfn-element[data-size="0.8"]{width:79%} .mfn-ui .mfn-element[data-size="0.8333"]{width:82.33%} .mfn-ui .mfn-element[data-size="1"]{width:99%} .mfn-element .mfn-element-meta{display:none;padding:0 20px} /* Blink */ .mfn-ui .mfn-element.blink{box-shadow: 0px 0px 5px 1px #72a5d8!important} /* Item */ .mfn-ui .mfn-item{float:left;margin:0 .5% 15px;position:relative} .mfn-ui .mfn-item.hover{border-color:#dde8f7;box-shadow:0 0 4px 2px rgba(153,176,216,0.05)} .mfn-ui .mfn-item .item-header{display:flex;padding:4px 4px 2px;flex-wrap:wrap;justify-content:unset;border-radius:3px 3px 0 0;position:static;overflow:hidden;width:100%;box-sizing:border-box} .mfn-ui .mfn-item .item-header a.mfn-option-btn{margin-bottom:2px} .mfn-ui:not(.hover-effects) .mfn-item .item-header a.mfn-item-add{margin-right:2px} .mfn-ui:not(.hover-effects) .mfn-item .item-header a.mfn-element-edit, .mfn-ui:not(.hover-effects) .mfn-item-placeholder .item-header a.mfn-item-clone{margin-left:auto} .mfn-ui.hover-effects .mfn-item.hover{border-radius:0 3px 3px 3px} .mfn-ui.hover-effects .mfn-item .item-header{display:none;border-radius:3px 3px 0 0;position:absolute;left:-1px;top:0;transform:translateY(-100%);width:max-content} .mfn-ui.hover-effects .mfn-item.hover .item-header{display:block} .mfn-ui .mfn-item .card-header{overflow:hidden} .mfn-ui.simple-view .card-content{display:none!important} .mfn-ui:not(.simple-view) .mfn-item .mfn-item-label{display:none} .mfn-ui .mfn-item.mfn-cat-shop-archive:after, .mfn-ui .mfn-item.mfn-cat-single-product:after { content: ""; display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 30px; height: 20px; background-image: url(../svg/others/woo-logo.svg); background-repeat: no-repeat; background-position: center; background-size: 30px; } .mfn-ui .mfn-item .preview-group{text-align:center} .mfn-ui .mfn-item .preview-group.image{line-height:0; background: url(../img/transparency.png);} .mfn-ui .mfn-item .preview-group.image:not(.empty){margin-bottom:10px} .mfn-ui .mfn-item .preview-group.image img{max-width:100%;max-height:100px} .mfn-ui .mfn-item .preview-group.image.empty{display:none !important;} .mfn-ui .mfn-item .preview-group.content h1, .mfn-ui .mfn-item .preview-group.content h2, .mfn-ui .mfn-item .preview-group.content h3, .mfn-ui .mfn-item .preview-group.content h4, .mfn-ui .mfn-item .preview-group.content h5, .mfn-ui .mfn-item .preview-group.content h6 { margin-bottom: 10px !important; color: #304050 !important; } .mfn-ui .mfn-item .item-preview-content * { font-size: 14px !important; } .mfn-ui .mfn-item .item-preview-content h1, .mfn-ui .mfn-item .item-preview-content h1 * { color: #304050 !important; font-size: 27px !important; line-height: 33px !important; } .mfn-ui .mfn-item .item-preview-content h2, .mfn-ui .mfn-item .item-preview-content h2 * { color: #304050 !important; font-size: 24px !important; line-height: 30px !important; } .mfn-ui .mfn-item .item-preview-content h3, .mfn-ui .mfn-item .item-preview-content h3 * { color: #304050 !important; font-size: 21px !important; line-height: 27px !important; } .mfn-ui .mfn-item .item-preview-content h4, .mfn-ui .mfn-item .item-preview-content h4 * { color: #304050 !important; font-size: 18px !important; line-height: 24px !important; } .mfn-ui .mfn-item .item-preview-content h5, .mfn-ui .mfn-item .item-preview-content h5 * { color: #304050 !important; font-size: 16px !important; line-height: 28px !important; } .mfn-ui .mfn-item .item-preview-content h6, .mfn-ui .mfn-item .item-preview-content h6 * { color: #304050 !important; font-size: 14px !important; line-height: 26px !important;} .mfn-ui .mfn-item .preview-group.content p, .mfn-ui .mfn-item .preview-group.content .item-preview-content{ font-size: 14px; line-height: 23px;margin-bottom: 10px; word-wrap: break-word;} .mfn-ui .mfn-item .preview-group.content .item-preview-content.empty, .mfn-ui .mfn-item .preview-group.content p.empty{display:none !important;} .mfn-ui .mfn-item .preview-group.content ul.item-preview-tabs.empty, .mfn-ui .mfn-item .preview-group.content ul.item-preview-images.empty{display:none} .mfn-ui .mfn-item .preview-group.content .label{margin-right:5px;color:#304050} .mfn-ui .mfn-item .preview-group.content .item-preview-title { font-weight: 500; color: #455362; word-wrap: break-word; } .mfn-ui .mfn-item .preview-group.content .item-preview-placeholder-parent { position: relative; max-width: 220px; margin: 0 auto !important; padding: 0 10px; line-height: 0; } .mfn-ui .mfn-item .preview-group.content .item-preview-placeholder-parent .item-preview-placeholder { margin: 2px 0 15px; } .mfn-ui .mfn-item .preview-group.content .item-preview-tabs { text-align: left; margin: 5px 0; } .mfn-ui .mfn-item .preview-group.content .item-preview-tabs li { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #eceff5; } .mfn-ui .mfn-item .preview-group.content .item-preview-tabs li:last-child { border: 0; } .mfn-ui .mfn-item .preview-group.content .item-preview-tabs li:before { content: '\0000a0'; display: inline-block; width: 26px; height: 26px; border-radius: 100%; margin-right: 10px; background-color: #e9eff4; background-image:url(../svg/options/move-right.svg); background-size: 22px; background-position: center; background-repeat: no-repeat; position: relative; top: -1px; } .mfn-ui .mfn-item .preview-group.content .item-preview-images { margin: 0 0 10px; } .mfn-ui .mfn-item .preview-group.content .item-preview-images li { display: inline-block; margin: 10px; width: 150px; line-height: 0; } .mfn-ui .mfn-item .preview-group.content .item-preview-images img[src$=".svg"]{width:100%} .mfn-ui .mfn-item .preview-group.content .item-preview-content ul, .mfn-ui .mfn-item .preview-group.content .item-preview-content ol { margin: 0 0 10px 20px; } .mfn-ui .mfn-item .preview-group.content .item-preview-content ol { list-style: decimal;} .mfn-ui .mfn-item .preview-group.content .item-preview-content ul { list-style: disc;} .mfn-ui .mfn-item .preview-group.content .item-preview-content .item-preview-shortcode{display:block; color: #d79d1b !important; font-family: monospace; margin-bottom: 10px; } .mfn-ui .mfn-item .preview-group.content .item-preview-content p > .item-preview-shortcode{display:inline} .mfn-ui .mfn-item .preview-group.content .item-preview-content img{max-width:100%} .mfn-ui .mfn-item .preview-group.content .item-preview-content table{display:block;margin-bottom:15px;overflow-x:auto;border-collapse:collapse} .mfn-ui .mfn-item .preview-group.content .item-preview-content table th, .mfn-ui .mfn-item .preview-group.content .item-preview-content table td{padding:2px 5px;text-align:center;border:1px solid #eee} /* Column, Button, Image aligment */ .mfn-ui .mfn-item.mfn-item-column .preview-group, .mfn-ui .mfn-item.mfn-item-button .preview-group, .mfn-ui .mfn-item.mfn-item-image .preview-group, .mfn-ui .mfn-item.mfn-item-column .align-left .preview-group, .mfn-ui .mfn-item.mfn-item-button .align-left .preview-group, .mfn-ui .mfn-item.mfn-item-image .align-left .preview-group { text-align: left; } .mfn-ui .mfn-item.mfn-item-column .align-center .preview-group, .mfn-ui .mfn-item.mfn-item-button .align-center .preview-group, .mfn-ui .mfn-item.mfn-item-image .align-center .preview-group { text-align: center; } .mfn-ui .mfn-item.mfn-item-column .align-right .preview-group, .mfn-ui .mfn-item.mfn-item-button .align-right .preview-group, .mfn-ui .mfn-item.mfn-item-image .align-right .preview-group { text-align: right; } .mfn-ui .mfn-item.mfn-item-column .align-justify .preview-group, .mfn-ui .mfn-item.mfn-item-button .align-justify .preview-group, .mfn-ui .mfn-item.mfn-item-image .align-justify .preview-group { text-align: justify; } /* Image */ .mfn-ui .mfn-item.mfn-item-image .card-content{box-sizing:border-box;min-height:60px;padding:0} .mfn-ui .mfn-item.mfn-item-image .preview-group.image{margin-bottom:0!important} .mfn-ui .mfn-item.mfn-item-image .preview-group.image img{max-width:100%;height:auto;max-height:unset} .mfn-ui .mfn-item.mfn-item-image .preview-group.content{display:none} /* Hover box */ .mfn-ui .mfn-item.mfn-item-hover_box .card-content{padding:0} .mfn-ui .mfn-item.mfn-item-hover_box .preview-group.image{margin-bottom:0!important} .mfn-ui .mfn-item.mfn-item-hover_box .preview-group.image img{max-width:100%;max-height:unset} /* Column */ .mfn-ui .mfn-item.mfn-item-column .preview-group .item-preview-title{display:none} /* Article box */ .mfn-ui .mfn-item.mfn-item-article_box .card-content { display: flex; align-items: start; } .mfn-ui .mfn-item.mfn-item-article_box .preview-group { text-align: left; } .mfn-ui .mfn-item.mfn-item-article_box .preview-group.image { width: 50%; min-height: 50px; } .mfn-ui .mfn-item.mfn-item-article_box .preview-group.image.empty { display: block !important; } .mfn-ui .mfn-item.mfn-item-article_box .preview-group.image img{max-width:100%;height:auto;max-height:unset} .mfn-ui .mfn-item.mfn-item-article_box .preview-group.content{ width: 50%; padding-left: 5%; box-sizing: border-box; } .mfn-ui .mfn-item.mfn-item-article_box .preview-group.content .item-preview-subtitle { margin-bottom: 0; } /* Before-after */ .mfn-ui .mfn-item.mfn-item-before_after .card-content {box-sizing:border-box;min-height:60px;padding:0} .mfn-ui .mfn-item.mfn-item-before_after .preview-group.image{margin-bottom:0!important; position: relative;} .mfn-ui .mfn-item.mfn-item-before_after .preview-group.image img{max-height:unset} .mfn-ui .mfn-item.mfn-item-before_after .preview-group.image:before { content: ""; display: block; width: 3px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background-color: #fff; } .mfn-ui .mfn-item.mfn-item-before_after .preview-group.image:after { content: ""; display: block; width: 60px; height: 22px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-image:url(../svg/placeholders/before-after.svg); background-size: 60px 22px; background-repeat: no-repeat; } /* Countdown */ .mfn-ui .mfn-item.mfn-item-countdown .item-preview-title { font-size: 18px; line-height: 30px !important; } /* Blockquote */ .mfn-ui .mfn-item.mfn-item-blockquote .card-content { padding: 20px; } .mfn-ui .mfn-item.mfn-item-blockquote .preview-group.content .item-preview-content { font-style: italic; margin-bottom: 0; } .mfn-ui .mfn-item.mfn-item-blockquote .preview-group.content .item-preview-content:before { content: open-quote; } .mfn-ui .mfn-item.mfn-item-blockquote .preview-group.content .item-preview-content:after { content: close-quote; } /* Button */ .mfn-ui .mfn-item.mfn-item-button .preview-group.content .item-preview-title { display: inline-block; padding: 8px 15px; border: 1px solid rgba(48,64,80,.4); color: #304050; border-radius: 5px; } /* Chart */ .mfn-ui .mfn-item.mfn-item-chart .preview-group.content { display: flex; flex-direction: column; } .mfn-ui .mfn-item.mfn-item-chart .preview-group.content .item-preview-placeholder-parent { order: 0; } .mfn-ui .mfn-item.mfn-item-chart .preview-group.content .item-preview-placeholder-parent .item-preview-number { display: inline-block; color: #455362; background: #e9eff4; margin: 0 auto 15px; padding: 5px 8px; border-radius: 5px; font-size: 30px; line-height: 40px; } .mfn-ui .mfn-item.mfn-item-chart .preview-group.content .item-preview-title { order: 1; } .mfn-ui .mfn-item.mfn-item-chart .preview-group.content .item-preview-subtitle { order: 2; } /* Icon box */ .mfn-ui .mfn-item.mfn-item-icon_box .preview-group.content { display: flex; flex-direction: column; } .mfn-ui .mfn-item.mfn-item-icon_box .preview-group.content .item-preview-icon { display: inline-block; order: 0; color: #455362; background: #e9eff4; margin: 0 auto 15px; padding: 5px 8px; border-radius: 5px; font-size: 30px; line-height: 40px; } .mfn-ui .mfn-item.mfn-item-icon_box .preview-group.content .item-preview-title { order: 1; } .mfn-ui .mfn-item.mfn-item-icon_box .preview-group.content .item-preview-content { order: 2; } /* Icon box 2 */ .mfn-ui .mfn-item.mfn-item-icon_box_2 .preview-group.content { display: flex; flex-direction: column; } .mfn-ui .mfn-item.mfn-item-icon_box_2 .preview-group.content .item-preview-icon { display: inline-block; order: 0; color: #455362; background: #e9eff4; margin: 0 auto 15px; padding: 5px 8px; border-radius: 5px; font-size: 30px; line-height: 40px; } .mfn-ui .mfn-item.mfn-item-icon_box_2 .preview-group.content .item-preview-title { order: 1; } .mfn-ui .mfn-item.mfn-item-icon_box_2 .preview-group.content .item-preview-content { order: 2; } /* Counter */ .mfn-ui .mfn-item.mfn-item-counter .card-content { text-align: center; } .mfn-ui .mfn-item.mfn-item-counter .preview-group.image { display: inline-block; } .mfn-ui .mfn-item.mfn-item-counter .preview-group.image img{max-height:unset} .mfn-ui .mfn-item.mfn-item-counter .preview-group.content { display: flex; flex-direction: column; } .mfn-ui .mfn-item.mfn-item-counter .preview-group.content .item-preview-icon { display: inline-block; order: 0; color: #455362; background: #e9eff4; margin: 0 auto 10px; padding: 5px 8px; border-radius: 5px; font-size: 30px; line-height: 40px; } .mfn-ui .mfn-item.mfn-item-counter .preview-group.content .item-preview-placeholder-parent { order: 1; margin-bottom: 10px; } .mfn-ui .mfn-item.mfn-item-counter .preview-group.content .item-preview-placeholder-parent .item-preview-number { display: inline-block; margin-bottom: 5px; font-size: 18px; line-height: 30px; color: #455362;font-weight: 500; } .mfn-ui .mfn-item.mfn-item-counter .preview-group.content .item-preview-title { order: 2; } .mfn-ui .mfn-item.mfn-item-counter .preview-group.content .item-preview-content { order: 3; } /* List */ .mfn-ui .mfn-item.mfn-item-list .card-content{text-align:center} .mfn-ui .mfn-item.mfn-item-list .preview-group.image{display:inline-block} .mfn-ui .mfn-item.mfn-item-list .preview-group.image.empty{display:none} .mfn-ui .mfn-item.mfn-item-list .preview-group.image img{max-height:60px;max-width:60px} .mfn-ui .mfn-item.mfn-item-list .preview-group.content{display:flex;flex-direction:column} .mfn-ui .mfn-item.mfn-item-list .preview-group.content .item-preview-icon{order:0;width:40px;color:#455362;background:#e9eff4;margin:0 auto 15px;padding:5px 8px;border-radius:5px;font-size:30px;line-height:40px} .mfn-ui .mfn-item.mfn-item-list .preview-group.content .item-preview-title{order:1} .mfn-ui .mfn-item.mfn-item-list .preview-group.content .item-preview-content{order:2} /* Quick fact */ .mfn-ui .mfn-item.mfn-item-quick_fact .preview-group.content { display: flex; flex-direction: column; } .mfn-ui .mfn-item.mfn-item-quick_fact .preview-group.content .item-preview-placeholder-parent { order: 0; } .mfn-ui .mfn-item.mfn-item-quick_fact .preview-group.content .item-preview-number { display: inline-block; color: #455362; background: #e9eff4; margin: 0 auto 15px; padding: 5px 8px; border-radius: 5px; font-size: 30px; line-height: 40px; } .mfn-ui .mfn-item.mfn-item-quick_fact .preview-group.content .item-preview-title { order: 1; } .mfn-ui .mfn-item.mfn-item-quick_fact .preview-group.content .item-preview-subtitle { order: 2; } .mfn-ui .mfn-item.mfn-item-quick_fact .preview-group.content .item-preview-content { order: 3; } /* How it works */ .mfn-ui .mfn-item.mfn-item-how_it_works .preview-group.content { display: flex; flex-direction: column; } .mfn-ui .mfn-item.mfn-item-how_it_works .preview-group.content .item-preview-placeholder-parent { order: 0; } .mfn-ui .mfn-item.mfn-item-how_it_works .preview-group.content .item-preview-number { display: inline-block; color: #455362; background: #e9eff4; margin: 0 auto 15px; padding: 5px 15px; border-radius: 5px; font-size: 30px; line-height: 40px; } .mfn-ui .mfn-item.mfn-item-how_it_works .preview-group.content .item-preview-title { order: 1; } .mfn-ui .mfn-item.mfn-item-how_it_works .preview-group.content .item-preview-content { order: 2; } /* Trailer box */ .mfn-ui .mfn-item.mfn-item-trailer_box .card-content{box-sizing:border-box;min-height:60px;padding:0; position: relative; min-height: 100px; background: url(../img/transparency.png); } .mfn-ui .mfn-item.mfn-item-trailer_box .preview-group.image { margin-bottom: 0; } .mfn-ui .mfn-item.mfn-item-trailer_box .preview-group.image img{max-height:unset} .mfn-ui .mfn-item.mfn-item-trailer_box .preview-group.content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.1); display: flex; flex-direction: column; align-items: center; justify-content: end; padding: 10px; box-sizing: border-box; font-weight: 500; } .mfn-ui .mfn-item.mfn-item-trailer_box .preview-group.content p { color: #fff; } /* Sliding box */ .mfn-ui .mfn-item.mfn-item-sliding_box .card-content{box-sizing:border-box;min-height:60px;padding:0; position: relative; min-height: 100px; background: url(../img/transparency.png); } .mfn-ui .mfn-item.mfn-item-sliding_box .preview-group.image { margin-bottom: 0; } .mfn-ui .mfn-item.mfn-item-sliding_box .preview-group.image img{max-height:unset} .mfn-ui .mfn-item.mfn-item-sliding_box .preview-group.content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.1); display: flex; flex-direction: column; align-items: center; justify-content: end; padding: 10px; box-sizing: border-box; font-weight: 500; } .mfn-ui .mfn-item.mfn-item-sliding_box .preview-group.content p { color: #fff; } /* Zoom box */ .mfn-ui .mfn-item.mfn-item-zoom_box .card-content{box-sizing:border-box;min-height:60px;padding:0; position: relative; min-height: 100px; background: url(../img/transparency.png);} .mfn-ui .mfn-item.mfn-item-zoom_box .preview-group.image { margin-bottom: 0;} .mfn-ui .mfn-item.mfn-item-zoom_box .preview-group.image img{max-height:unset} .mfn-ui .mfn-item.mfn-item-zoom_box .preview-group.content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; background-color: rgba(0,0,0,.25); display: flex; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box; color: #fff; font-weight: 500; } /* Feature box */ .mfn-ui .mfn-item.mfn-item-feature_box .card-content { display: flex; align-items: center; } .mfn-ui .mfn-item.mfn-item-feature_box .preview-group { text-align: left; } .mfn-ui .mfn-item.mfn-item-feature_box .preview-group.image { width: 50%; min-height: 50px; } .mfn-ui .mfn-item.mfn-item-feature_box .preview-group.image.empty { display: block !important; } .mfn-ui .mfn-item.mfn-item-feature_box .preview-group.image img{max-height:unset} .mfn-ui .mfn-item.mfn-item-feature_box .preview-group.content{ width: 50%; padding-left: 5%; box-sizing: border-box; } /* Promo box */ .mfn-ui .mfn-item.mfn-item-promo_box .card-content { display: flex; align-items: start; } .mfn-ui .mfn-item.mfn-item-promo_box .preview-group { text-align: left; } .mfn-ui .mfn-item.mfn-item-promo_box .preview-group.image { width: 50%; min-height: 50px; } .mfn-ui .mfn-item.mfn-item-promo_box .preview-group.image.empty { display: block !important; } .mfn-ui .mfn-item.mfn-item-promo_box .preview-group.image img{max-height:unset} .mfn-ui .mfn-item.mfn-item-promo_box .preview-group.content{ width: 50%; padding-left: 5%; box-sizing: border-box; } /* Our team list */ .mfn-ui .mfn-item.mfn-item-our_team_list .card-content { display: flex; align-items: start; } .mfn-ui .mfn-item.mfn-item-our_team_list .preview-group { text-align: left; } .mfn-ui .mfn-item.mfn-item-our_team_list .preview-group.image { width: 25%; min-height: 50px; } .mfn-ui .mfn-item.mfn-item-our_team_list .preview-group.image.empty { display: block !important; } .mfn-ui .mfn-item.mfn-item-our_team_list .preview-group.image img{max-height:unset} .mfn-ui .mfn-item.mfn-item-our_team_list .preview-group.content{ width: 75%; padding-left: 5%; box-sizing: border-box; } /* Divider */ .mfn-ui .mfn-item[data-type^="divider"]{height:30px;border:0;position:relative;background:none;box-shadow:unset!important} .mfn-ui .mfn-item[data-type^="divider"]:after{content:"";display:block;width:calc(100% - 92px);border-top:1px dashed #d3d5d8;position:absolute;left:0;top:50%} .mfn-ui .mfn-item[data-type^="divider"]:hover:after{border-color:#b1b3b5} .mfn-ui .mfn-item[data-type^="divider"] .item-header{ position: absolute; background:none;padding:0;left:auto;right:0;top:50%;transform:translateY(-50%)} .mfn-ui .mfn-item[data-type^="divider"] .item-header a.mfn-option-btn{display:none} .mfn-ui .mfn-item[data-type^="divider"] .item-header a.mfn-element-edit, .mfn-ui .mfn-item[data-type^="divider"] .item-header a.mfn-item-clone, .mfn-ui .mfn-item[data-type^="divider"] .item-header a.mfn-element-delete{display:block} .mfn-ui .mfn-item[data-type^="divider"] .card-header, .mfn-ui .mfn-item[data-type^="divider"] .card-content{display:none} .mfn-ui.hover-effects .mfn-item[data-type^="divider"]:after { width: 100%; } .mfn-ui.hover-effects .mfn-item[data-type^="divider"]:hover:after{width:calc(100% - 92px);border-color:#b1b3b5} /* Pricing item */ .mfn-ui .mfn-item.mfn-item-pricing_item .preview-group.content .item-preview-placeholder-parent .item-preview-number { display: inline-block; margin-bottom: 5px; font-size: 18px; line-height: 30px; color: #455362;font-weight: 500; } /* Placeholder */ .mfn-ui .mfn-item.mfn-item-placeholder { height: 100px; background-image: url(../img/placeholder.png); background-color: transparent; background-size: 14px; } .mfn-ui .mfn-item.mfn-item-placeholder .card-header, .mfn-ui .mfn-item.mfn-item-placeholder .card-content, .mfn-ui .mfn-item.mfn-item-placeholder .mfn-element-edit { display: none; } /* Photo box, Our team, Flat box, Story box */ .mfn-ui .mfn-item.mfn-item-photo_box .preview-group.image:not(.empty), .mfn-ui .mfn-item.mfn-item-our_team .preview-group.image:not(.empty), .mfn-ui .mfn-item.mfn-item-flat_box .preview-group.image:not(.empty), .mfn-ui .mfn-item.mfn-item-story_box .preview-group.image:not(.empty) { margin-bottom: 10px; } .mfn-ui .mfn-item.mfn-item-photo_box .preview-group.image img, .mfn-ui .mfn-item.mfn-item-our_team .preview-group.image img, .mfn-ui .mfn-item.mfn-item-flat_box .preview-group.image img, .mfn-ui .mfn-item.mfn-item-story_box .preview-group.image img{max-height:unset} /* Opening hours, Visual, Info box, FAQ, Accordion, Progress bars */ .mfn-ui .mfn-item.mfn-item-opening_hours .preview-group, .mfn-ui .mfn-item.mfn-item-visual .preview-group, .mfn-ui .mfn-item.mfn-item-info_box .preview-group, .mfn-ui .mfn-item.mfn-item-faq .preview-group.content, .mfn-ui .mfn-item.mfn-item-accordion .preview-group.content, .mfn-ui .mfn-item.mfn-item-progress_bars .preview-group.content { text-align: left; } /* Map basic, Map, Video, Code, Content, Slider plugin, Sidebar widget, Fancy divider */ .mfn-ui .mfn-item.mfn-item-map_basic .card-content, .mfn-ui .mfn-item.mfn-item-map .card-content, .mfn-ui .mfn-item.mfn-item-video .card-content, .mfn-ui .mfn-item.mfn-item-code .card-content, .mfn-ui .mfn-item.mfn-item-content .card-content, .mfn-ui .mfn-item.mfn-item-sidebar_widget .card-content, .mfn-ui .mfn-item.mfn-item-fancy_divider .card-content {padding:0;} .mfn-ui .mfn-item.mfn-item-map_basic .preview-group.image, .mfn-ui .mfn-item.mfn-item-map .preview-group.image, .mfn-ui .mfn-item.mfn-item-video .preview-group.image, .mfn-ui .mfn-item.mfn-item-code .preview-group.image, .mfn-ui .mfn-item.mfn-item-content .preview-group.image, .mfn-ui .mfn-item.mfn-item-sidebar_widget .preview-group.image, .mfn-ui .mfn-item.mfn-item-fancy_divider .preview-group.image{background:#dde3e9;margin-bottom:0} .mfn-ui .mfn-item.mfn-item-map_basic .preview-group.image.empty, .mfn-ui .mfn-item.mfn-item-map .preview-group.image.empty, .mfn-ui .mfn-item.mfn-item-video .preview-group.image.empty, .mfn-ui .mfn-item.mfn-item-code .preview-group.image.empty, .mfn-ui .mfn-item.mfn-item-content .preview-group.image.empty, .mfn-ui .mfn-item.mfn-item-sidebar_widget .preview-group.image.empty, .mfn-ui .mfn-item.mfn-item-fancy_divider .preview-group.image.empty { display: block; } .mfn-ui .mfn-item.mfn-item-map_basic .preview-group.image img, .mfn-ui .mfn-item.mfn-item-map .preview-group.image img, .mfn-ui .mfn-item.mfn-item-video .preview-group.image img, .mfn-ui .mfn-item.mfn-item-code .preview-group.image img, .mfn-ui .mfn-item.mfn-item-content .preview-group.image img, .mfn-ui .mfn-item.mfn-item-sidebar_widget .preview-group.image img, .mfn-ui .mfn-item.mfn-item-fancy_divider .preview-group.image img{max-height:40vh} /* Loops */ .mfn-ui .mfn-item.mfn-cat-loops .card-content { padding: 30px 20px 20px; } .mfn-ui .mfn-item.mfn-cat-loops p.item-preview-placeholder-parent .item-preview-number { position: absolute; right: 8%; top: -15px; width: 22px; height: 22px; line-height: 22px; text-align: center; background-color: #e3f1ff; color: #304050; border-radius: 3px; font-weight: 600; font-size: 12px; } .mfn-ui .mfn-item.mfn-cat-loops p.item-preview-placeholder-parent .item-preview-number.empty { display: none; } /* Loops - Blog news, Portfolio Grid */ .mfn-ui .mfn-item.mfn-item-blog_news p.item-preview-placeholder-parent, .mfn-ui .mfn-item.mfn-item-portfolio_grid p.item-preview-placeholder-parent { max-width: 134px !important; } .mfn-ui .mfn-item.mfn-item-blog_news p.item-preview-placeholder-parent .item-preview-number, .mfn-ui .mfn-item.mfn-item-portfolio_grid p.item-preview-placeholder-parent .item-preview-number { right: 0px; top: -8px; } /* Shop, Portfolio, Blog */ .mfn-ui .mfn-item.mfn-item-shop .card-content, .mfn-ui .mfn-item.mfn-item-portfolio .card-content, .mfn-ui .mfn-item.mfn-item-blog .card-content { padding: 20px 20px 10px } .mfn-ui .mfn-item.mfn-item-blog p.item-preview-placeholder-parent, .mfn-ui .mfn-item.mfn-item-portfolio p.item-preview-placeholder-parent, .mfn-ui .mfn-item.mfn-item-shop p.item-preview-placeholder-parent { max-width: 190px !important; } .mfn-ui .mfn-item.mfn-item-shop p.item-preview-placeholder-parent .item-preview-number, .mfn-ui .mfn-item.mfn-item-portfolio p.item-preview-placeholder-parent .item-preview-number, .mfn-ui .mfn-item.mfn-item-blog p.item-preview-placeholder-parent .item-preview-number { top: 2px; } /* Slider plugin */ .mfn-ui .mfn-item.mfn-item-slider_plugin .card-content { background-color: #DDE3E9; padding: 70px 30px; } .mfn-ui .mfn-item.mfn-item-slider_plugin .card-content .preview-group.image { background: none; } /* Shop */ .mfn-item-product_title .card-content, .mfn-item-product_images .card-content, .mfn-item-product_price .card-content, .mfn-item-product_cart_button .card-content, .mfn-item-product_rating .card-content, .mfn-item-product_stock .card-content, .mfn-item-product_meta .card-content, .mfn-item-product_short_description .card-content, .mfn-item-product_content .card-content, .mfn-item-product_additional_information .card-content, .mfn-item-product_related .card-content, .mfn-item-product_upsells .card-content { display: none; } .mfn-item-shop_categories .card-content, .mfn-item-shop_products .card-content, .mfn-item-shop_title .card-content { display: none; } /* Wrap */ .mfn-ui .mfn-wrap{float:left;margin:0 .5% 20px;border:1px dashed #d3d5d8;padding:15px;position:relative;background-color:rgba(255,255,255,.5)} .mfn-ui.hover-effects .mfn-wrap{padding:15px;background-color:transparent} .mfn-ui .mfn-wrap.hover{border-color:#b1b3b5;box-shadow:0 0 4px 2px rgba(97,100,102,0.05)} .mfn-ui .mfn-wrap .wrap-header{display:flex;padding:4px 4px 2px;flex-wrap:wrap;justify-content:unset;position:static;overflow:hidden;width:calc(100% + 30px);margin:-15px -15px 15px;box-sizing:border-box} .mfn-ui .mfn-wrap .wrap-header a.mfn-option-btn{margin-bottom:2px} .mfn-ui:not(.hover-effects) .mfn-wrap .wrap-header a.mfn-item-add{margin-right:2px} .mfn-ui:not(.hover-effects) .mfn-wrap .wrap-header a.mfn-element-edit{margin-left:auto} .mfn-ui.hover-effects .wrap-header{display:none;border-radius:3px 3px 0 0;position:absolute;left:-1px;top:0;transform:translateY(-100%);width:max-content;margin:0} .mfn-ui.hover-effects .mfn-wrap.hover .wrap-header{display:block} .mfn-ui .mfn-wrap .mfn-sortable-wrap{min-height:60px} .mfn-ui .mfn-wrap.divider{height:30px;border:0;position:relative} .mfn-ui .mfn-wrap.divider:hover{box-shadow:0 0 0 0} .mfn-ui .mfn-wrap.divider:after{content:"";display:block;width:100%;border-top:1px dashed #d3d5d8;position:absolute;left:0;top:50%} .mfn-ui .mfn-wrap.divider:hover:after{width:calc(100% - 36px);border-color:#b1b3b5} .mfn-ui .mfn-wrap.divider .wrap-header{position:absolute;width:max-content;margin:0;padding:0;left:auto;right:0;top:50%;transform:translateY(-50%);background:none} .mfn-ui .mfn-wrap.divider .wrap-header a.mfn-option-btn{margin:0} .mfn-ui .mfn-wrap.divider .wrap-header a.mfn-option-btn:not(.mfn-element-delete){display:none} .mfn-ui .mfn-wrap.divider .wrap-content{display:none} /* Section */ .mfn-ui .mfn-section{position:relative;width:100%} .mfn-ui .mfn-section:hover{z-index:2} .mfn-ui .mfn-section .mfn-header{justify-content:space-between} .mfn-ui .mfn-section .section-content{padding:15px 15px 10px; max-width: 1240px; box-sizing: border-box; margin: 0 auto; } .mfn-ui .mfn-section.full-width .section-content{ max-width: 100%; } .mfn-ui .mfn-section .mfn-sortable-section{min-height:78px} .mfn-ui .mfn-section .btn-section-add{opacity:0;width:30px;height:30px;text-indent:-9999px;background-color:#489c6d;border-radius:100%;position:absolute;z-index:2;left:calc(50% - 15px);background-repeat:no-repeat;background-size:22px 22px;background-position:center} .mfn-ui .mfn-section:hover .btn-section-add{opacity:1} .mfn-ui .mfn-section .btn-section-add:hover{background-color:#388a5c} .mfn-ui .mfn-section .btn-section-add.prev{top:15px} .mfn-ui .mfn-section .btn-section-add.next{bottom:15px} .mfn-ui .mfn-section:hover .btn-section-add.prev{top:-15px} .mfn-ui .mfn-section:hover .btn-section-add.next{bottom:-15px} .mfn-ui .mfn-section.add-section-before:before,.mfn-ui .mfn-section.add-section-after:after{content:"";width:100%;height:0;position:absolute;left:0;z-index:1;box-shadow:0 0 4px 2px rgba(72,156,109,0.1)} .mfn-ui .mfn-section.add-section-before:before{top:-1px;border-top:1px dashed #489c6d} .mfn-ui .mfn-section.add-section-after:after{bottom:-1px;border-bottom:1px dashed #489c6d} .mfn-ui:not(.hover-effects) .mfn-section .btn-section-add{opacity:1} .mfn-ui:not(.hover-effects) .mfn-section .btn-section-add.prev{top:-15px} .mfn-ui:not(.hover-effects) .mfn-section .btn-section-add.next{display:none;bottom:-15px} .mfn-ui:not(.hover-effects) .mfn-section:last-of-type .btn-section-add.next{display:block} .mfn-ui .mfn-section.hide .section-content{opacity:.5} .mfn-ui .mfn-section:not(.hide) .dropdown-wrapper .mfn-icon-show{display:none} .mfn-ui .mfn-section.hide .dropdown-wrapper .mfn-icon-hide{display:none} .mfn-ui .mfn-section.collapse .section-content{overflow:hidden;height:0} .mfn-ui .mfn-section.collapse:not(.is-collapsing) .section-content{padding-top:0;padding-bottom:0} .mfn-ui .mfn-section:not(.collapse) .dropdown-wrapper .mfn-icon-arrow-down, .mfn-ui .mfn-section.is-collapsing .dropdown-wrapper .mfn-icon-arrow-down{display:none} .mfn-ui .mfn-section.collapse:not(.is-collapsing) .dropdown-wrapper .mfn-icon-arrow-up{display:none} /* Animations */ [data-tooltip]:before { transition: transform 0.2s ease-out; } [data-tooltip]:after { transition: transform 0.2s ease-out; } .mfn-ui .mfn-tooltip-box .tooltip-box-inner { transition: transform 0.2s ease-out, opacity 0.2s ease-out; } a.mfn-btn { transition: background-color .2s ease-in-out; } .mfn-ui .mfn-wrapper{transition:opacity .2s ease-in-out} .mfn-ui .mfn-form-control { transition: border .2s ease-in-out, color .2s ease-in-out, box-shadow .2s ease-in-out; } .mfn-ui .modal-settings .saving .setting-label:after, .mfn-ui .mfn-btn.loading:after, .mfn-ui a.mfn-option-btn.loading:after, .mfn-ui .mfn-modalbox ul.modalbox-items li.loading:after { animation: rotation 2s infinite linear; } .mfn-ui .mfn-element{transition:box-shadow .2s ease-in-out} .mfn-ui .mfn-element.blink{transition:box-shadow 0s ease-in-out} .mfn-ui .mfn-section.collapse .section-content{transition:height .2s ease-in-out, padding .2s ease-in-out} /* ---------- OPTIONS ---------- */ .mfn-options { position: relative; margin-left: -20px; } .mfn-options > form { display: flex; padding-top: 100px; } .mfn-options .mfn-menu { flex-shrink: 0; } .mfn-options .mfn-wrapper{ flex: 1 1 auto } .mfn-options .mfn-menu{ width: 245px; padding: 30px 15px; box-sizing: border-box; background: transparent; border-right: 1px solid var(--mfn-ui-border-1);z-index:1} .mfn-options .mfn-menu .menu-heading { text-align: center; margin-bottom: 50px; position: relative; } .mfn-options .mfn-menu .menu-heading .logo { height: 80px; margin-bottom: 20px; background-image: url(../svg/be-logo.svg); background-repeat:no-repeat;background-position:center;background-size:80px } .mfn-options .mfn-menu .menu-heading h3 { display: inline-block; position: relative; margin: 0; color: #fff; } .mfn-options .mfn-menu .menu-heading .version { display: block; position: absolute; top: -20px; right: 0px; font-size: 11px; font-weight: 400; color: #768ea6; } .mfn-options .mfn-menu .menu-heading .version:before { content: "V"; display: inline-block; } .mfn-options .mfn-menu nav > ul{margin:0} .mfn-options .mfn-menu nav > ul > li{margin:0} .mfn-options .mfn-menu nav > ul > li > a{display:block; color: var(--mfn-ui-menu-link); border-radius:3px; display: flex; align-items: center; text-decoration: none; } .mfn-options .mfn-menu nav > ul > li > a:hover, .mfn-options .mfn-menu nav > ul > li.active > a {color:var(--mfn-ui-menu-link-hover);background-color:var(--mfn-ui-menu-bg-hover);} .mfn-options .mfn-menu nav > ul > li > a .mfn-icon { display: block; width: 44px; height: 44px; margin-right: 3px; background-repeat:no-repeat;background-position:center;background-size:28px } .mfn-options .mfn-menu nav > ul > li ul.mfn-submenu {display:none; margin: 10px 0 10px 47px; } .mfn-options .mfn-menu nav > ul > li.active ul.mfn-submenu{display:block} .mfn-options .mfn-menu nav > ul > li ul.mfn-submenu li { margin: 0; } .mfn-options .mfn-menu nav > ul > li ul.mfn-submenu li a { display: block; text-decoration: none; color: var(--mfn-ui-menu-submenu-link); padding: 3px 5px 3px 20px; position: relative; } .mfn-options .mfn-menu nav > ul > li ul.mfn-submenu li a:before { content: ""; width: 10px; height: 1px; background: var(--mfn-ui-menu-submenu-link); position: absolute; left: 0; top: 50%; } .mfn-options .mfn-menu nav > ul > li ul.mfn-submenu li a:hover, .mfn-options .mfn-menu nav > ul > li ul.mfn-submenu li.active a { color: var(--mfn-ui-highlight); } .mfn-options .mfn-menu nav > ul > li ul.mfn-submenu li a:hover:before, .mfn-options .mfn-menu nav > ul > li ul.mfn-submenu li.active a:before { background: var(--mfn-ui-highlight); } .mfn-top { position: relative; padding: 50px 0; } .mfn-top > .mfn-icon { display: flex; justify-content: center; align-items: center; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); width: 72px; height: 72px; margin-right: 20px; border-radius: 100%; line-height: 0; overflow: hidden; background-color: var(--mfn-ui-card-icon-bg); background-size: 52px; background-position: center; background-repeat: no-repeat; } .mfn-options .mfn-topbar { display: flex; padding: 0 30px 0 120px; } .mfn-options .mfn-topbar .topbar-title h3 { margin-bottom: 0; } .mfn-options .mfn-topbar .topbar-title h3 > span { display: inline-block; } .mfn-options .mfn-topbar .topbar-title h3 .sep { margin: 0 10px; font-weight: 400; opacity: .4; } .mfn-options .mfn-topbar .topbar-title h3 .subpage-title { font-size: 80%; font-weight: 400; } .mfn-options .mfn-subheader { box-sizing:border-box;background:var(--mfn-ui-background); display: flex; justify-content: space-between; align-items: center; padding: 0 30px 0 120px; min-height: 66px; } .mfn-options .mfn-subheader.sticky{position:fixed;top:0;z-index:100;padding:0 30px;margin-top:1px;border-bottom:1px solid var(--mfn-ui-border-1);} .mfn-options .mfn-subheader-placeholder{display:none} .mfn-options .mfn-subheader .subheader-tabber ul.subheader-tabs { margin: 0; display: flex; flex-wrap: wrap; } .mfn-options .mfn-subheader .subheader-tabber ul.subheader-tabs li{ margin: 0 25px 0 0; cursor:pointer; } .mfn-options .mfn-subheader .subheader-tabber ul.subheader-tabs li a{ display: block; position: relative; color:#7987a2; text-decoration: none; padding: 20px 5px; } .mfn-options .mfn-subheader .subheader-tabber ul.subheader-tabs li a:after { content: ""; display: none; position: absolute; left: 0; bottom: 0;width: 100%; height: 3px; background: #72a5d8; border-radius: 2px 2px 0 0; } .mfn-options .mfn-subheader .subheader-tabber ul.subheader-tabs li:hover a, .mfn-options .mfn-subheader .subheader-tabber ul.subheader-tabs li.active a { color:#72a5d8; } .mfn-options .mfn-subheader .subheader-tabber ul.subheader-tabs li:hover a:after, .mfn-options .mfn-subheader .subheader-tabber ul.subheader-tabs li.active a:after { display: block; } .mfn-options .mfn-subheader .subheader-buttons { margin-left: auto;flex-shrink:0 } .mfn-options .mfn-subheader .subheader-buttons .mfn-btn { margin: 0 -1px; } .mfn-options .mfn-subheader .subheader-buttons .btn-save-changes { margin-left: 20px; } .mfn-options .mfn-content { padding: 0 30px 30px; } .mfn-options .mfn-card-group{display:none} .mfn-options .mfn-card-group.active{display:block} /* theme options search */ .mfn-options .search-card-heading{display:none;margin-bottom:20px;border-radius:3px;border: 1px solid var(--mfn-ui-card-border);padding:20px;} .mfn-options .search-card-heading h3{margin-bottom:0} .mfn-options .search-card-heading .sep{margin:0 10px} .mfn-options .search-card-heading .subpage-title{font-size:80%;font-weight:400} .mfn-options .search-wrapper{display:inline} .mfn-options .search-wrapper input{width:0;padding-left:0;padding-right:0;border-width:0 0 1px 0;border-radius:0;background:none;box-shadow:none!important;transition:width .2s ease-in-out;color:var(--mfn-ui-heading)} .mfn-options .search-wrapper .search-close{pointer-events:none;width:0;padding-left:0;padding-right:0;overflow:hidden;transition:width .2s ease-in-out;} .mfn-options.search-opening .search-wrapper input{width:200px} .mfn-options.search-opening .search-wrapper .search-open{pointer-events:none} .mfn-options.search-opening .search-wrapper .search-close{pointer-events:unset;width:24px;padding-left:10px;padding-right:10px;overflow:visible} .mfn-options.search-open .mfn-topbar .topbar-breadcrumbs{visibility:hidden} .mfn-options.search-open .subheader-tabber{display:none} .mfn-options.search-active .search-card-heading{display:block} .mfn-options.search-active .mfn-card:last-child{margin-bottom:20px;} .mfn-options.search-active .mfn-card-group.active, .mfn-options.search-active .mfn-card, .mfn-options.search-active .mfn-row, .mfn-options.search-active .mfn-alert{display:none} .mfn-options.search-open .mfn-menu nav > ul > li.active ul.mfn-submenu{display:none} .mfn-options.search-open .mfn-menu nav > ul > li.active > a{color:var(--mfn-ui-menu-link);background-color:unset} .mfn-options.search-active .mfn-card-group.searched-group, .mfn-options.search-active .mfn-card.searched-card{display:block} .mfn-options.search-active .mfn-row.searched-row{display:flex} /* theme options extra cards */ .mfn-options .backup-export .backup-export-textarea, .mfn-options .backup-export .backup-export-input, .mfn-options .backup-import .backup-import-textarea, .mfn-options .backup-import .backup-import-input, .mfn-options .backup-reset .backup-reset-step.step-2{display:none} .mfn-options .mfn-card[data-card="custom-css"] .row-column-2, .mfn-options .mfn-card[data-card="custom-js"] .row-column-2{display:none} .mfn-options .mfn-card[data-card="custom-css"] .row-column-10, .mfn-options .mfn-card[data-card="custom-js"] .row-column-10{flex-basis:100%;max-width:100%} .mfn-options .mfn-form .CodeMirror{height:606px;line-height:21px} .mfn-options .mfn-form .visual-options ul li a [data-tooltip]:before, .mfn-options .mfn-form .visual-options ul li a [data-tooltip]:after{display:none} /* Header builder plugin */ .mfn-options .mhb-active .mhb-opt{position:relative;opacity:.5} .mfn-options .mhb-active .mhb-opt:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2} /* Animations */ .mfn-options .mfn-menu { transition: left .3s ease-in-out, right .3s ease-in-out; } /* Other */ .mfn-options .wpml-how-to{margin-bottom:15px} .mfn-options .wpml-how-to img{max-width:400px} /* Template active */ .mfn-options .mfn-content-has-header-tmpls .form-content, .mfn-options.skin-selected .hide-if-skin-selected .form-content{position:relative} .mfn-options .mfn-content-has-header-tmpls .hide-if-tpl-header, .mfn-options.skin-selected .hide-if-skin-selected .form-content{max-height:200px;overflow:hidden} .mfn-options .mfn-content-has-header-tmpls .hide-if-tpl-header:after, .mfn-options.skin-selected .hide-if-skin-selected .form-content:after{content:"";position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);background:var(--mfn-ui-disabled-overlay);z-index:1;cursor:not-allowed;} .mfn-options .mfn-content-has-footer-tmpls .form-content{position:relative} .mfn-options .mfn-content-has-footer-tmpls .hide-if-tpl-footer{max-height:200px;overflow:hidden} .mfn-options .mfn-content-has-footer-tmpls .hide-if-tpl-footer:after{content:"";position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);background:var(--mfn-ui-disabled-overlay);z-index:2;cursor:not-allowed;} /* ---------- BUILDER TEMPLATES ---------- */ .mfn-template-builder-footer .mfn-builder, .mfn-template-builder-header .mfn-builder, .mfn-template-builder-megamenu .mfn-builder{display: none;} .mfn-ui .mfn-row.mfn-hidden-field{display: none;} .mfn-ui .mfn-admin-button-box{display: block; text-align: center; padding-top: 50px; padding-bottom: 50px;} /* ---------- BUILDER ---------- */ .mfn-builder{position:relative;margin:-6px -12px 0;border-bottom:1px solid #e6e9f0;background-color:#f3f6f9} .interface-interface-skeleton__html-container .mfn-builder{margin:-6px -24px 0} .mfn-builder .mfn-wrapper{min-height:368px;margin-right:57px} .mfn-builder .mfn-menu{position:absolute;right:0;top:0;width:56px;height:100%;background:#fff;border-left:1px solid #e6e9f0;z-index:2;} .mfn-builder .mfn-menu-inner{display:flex;height:100%;justify-content:space-between;flex-direction:column} .edit-post-layout__metaboxes .mfn-builder .mfn-menu-inner{max-height:calc(100vh - 114px)} .mfn-builder .mfn-menu-inner.fixed{position:fixed} .mfn-builder .mfn-menu-inner.stick-bottom{position:absolute;top:auto!important;bottom:0} .mfn-builder .mfn-menu .mfnb-logo{background-image:url(../svg/be-logo.svg);background-repeat:no-repeat;background-position:center;background-size:32px;height:45px;width:100%;text-indent:-9999px} .mfn-builder .mfn-menu nav{margin:8px} .mfn-builder .mfn-menu nav ul{margin:0} .mfn-builder .mfn-menu nav ul li{margin:0} .mfn-builder .mfn-menu nav ul li.mfn-menu-settings{border-top:1px solid #ebedef} .mfn-builder .mfn-menu nav ul li a{display:block;width:40px;height:40px;border-radius:3px;text-indent:-9999px;background-repeat:no-repeat;background-position:center;background-size:24px} .mfn-builder .mfn-menu nav ul li a:hover{background-color:#fbfbfc} .mfn-builder .mfn-menu nav ul li.mfn-menu-page a{background-image:url(../svg/menu/builder/import-page.svg)} .mfn-builder .mfn-menu nav ul li.mfn-menu-sections a{background-image:url(../svg/menu/builder/prebuilt-sections.svg)} .mfn-builder .mfn-menu nav ul li.mfn-menu-revisions a{background-image:url(../svg/menu/builder/revision.svg)} .mfn-builder .mfn-menu nav ul li.mfn-menu-export a{background-image:url(../svg/menu/builder/import-export.svg)} .mfn-builder .mfn-menu nav ul li.mfn-menu-preview a{background-image:url(../svg/menu/builder/preview.svg)} .mfn-builder .mfn-menu nav ul li.mfn-menu-settings a{background-image:url(../svg/menu/builder/settings.svg)} .mfn-builder .mfn-prototype{display:none} /* Start creating */ .mfn-builder .mfn-section-start{display:none;text-align:center;padding:50px} .mfn-builder.empty .mfn-section-start{display:block} .mfn-builder .mfn-section-start h2{margin-bottom: 25px !important; } .mfn-builder .mfn-section-start a.view-tutorial{color:#304050;opacity:.4} .mfn-builder .mfn-section-start a:hover.view-tutorial{opacity:1} /* Start section */ .mfn-builder .mfn-section-new{display:none;text-align:center;padding:40px 40px 25px} .mfn-builder .mfn-section.empty .mfn-section-new{display:block} .mfn-builder .mfn-section-new .wrap-layouts{margin-bottom:30px} .mfn-builder .mfn-section-new .wrap-layouts .wrap-layout{display:inline-block;cursor:pointer;width:50px;height:40px;border:2px dotted #6c7783;margin:0 10px;position:relative;border-radius:3px} .mfn-builder .mfn-section-new .wrap-layouts .wrap-layout span{position:absolute;top:0;border-left:2px dotted #6c7783;height:100%;margin-left:-1px} .mfn-builder .mfn-section-new .wrap-layouts .wrap-layout:hover{border-color:#304050;border-style:solid} .mfn-builder .mfn-section-new .wrap-layouts .wrap-layout:hover span{border-color:#304050;border-left-style:solid} .mfn-builder .mfn-section-new .wrap-layouts .wrap-12 span:nth-child(1){left:50%} .mfn-builder .mfn-section-new .wrap-layouts .wrap-13 span:nth-child(1){left:33%} .mfn-builder .mfn-section-new .wrap-layouts .wrap-13 span:nth-child(2){left:66%} .mfn-builder .mfn-section-new .wrap-layouts .wrap-14 span:nth-child(1){left:25%} .mfn-builder .mfn-section-new .wrap-layouts .wrap-14 span:nth-child(2){left:50%} .mfn-builder .mfn-section-new .wrap-layouts .wrap-14 span:nth-child(3){left:75%} .mfn-builder .mfn-section-new .wrap-layouts .wrap-13-23 span:nth-child(1){left:33%} .mfn-builder .mfn-section-new .wrap-layouts .wrap-23-13 span:nth-child(1){left:66%} .mfn-builder .mfn-section-new .wrap-layouts .wrap-14-12-14 span:nth-child(1){left:25%} .mfn-builder .mfn-section-new .wrap-layouts .wrap-14-12-14 span:nth-child(2){left:75%} .mfn-builder .mfn-section-new [data-tooltip]:before{letter-spacing:1px} /* Start wrap */ .mfn-builder .mfn-wrap-new{display:block;text-align:center} .mfn-builder .mfn-wrap-new .mfn-btn { margin-bottom: 0; } .mfn-builder .empty .mfn-wrap-new { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .mfn-builder .mfn-wrap-new .mfn-btn[data-position="before"]{margin-bottom:15px} .mfn-builder .mfn-wrap.empty .mfn-wrap-new .mfn-btn[data-position="before"]{display:none} /* Meta */ .mfn-meta { padding: 20px; background-color: #fff; } .edit-post-meta-boxes-area .postbox > .inside .mfn-meta { margin: -6px -14px -14px; } .postbox .inside .mfn-meta { margin: -6px -12px -12px; } /* Go to top */ #mfn-go-to-top{position:fixed;bottom:30px;left:50%; transform: translateX(-50%); z-index:999; background-color: rgba(255,255,255,.6); } #mfn-go-to-top:hover{ background-color: #e4e9ee; } /* Postbox header hint */ .postbox-header .hndle{position:relative} .postbox-header .postbox-header-hint{position:absolute;right:0;text-decoration:none;font-family:'Poppins'} /* Animations */ .mfn-section .btn-section-add { transition: opacity .1s ease-in-out, top .1s ease-in-out .1s, bottom .1s ease-in-out .1s; } .mfn-section:hover .btn-section-add { transition: opacity .2s ease-in-out .3s, background-color .2s ease-in-out, top .2s ease-in-out .3s, bottom .2s ease-in-out .3s; } /* ---------- RESPONSIVE ---------- */ @media only screen and (max-width: 1239px) { .mfn-ui :not(.modal-export-import) .mfn-form .form-content { display: block; } .mfn-ui .mfn-form .form-content .form-group { margin-right: 0; width: 100%; min-width: auto; } .mfn-ui .mfn-form .form-content .desc-group { display: block; margin-top: 10px; } .mfn-ui .mfn-form-horizontal label { margin-bottom: 10px; margin-top: 0; } .mfn-ui .mfn-form .multiple-inputs-with-color .form-control{flex-wrap:wrap} .mfn-ui .mfn-form .multiple-inputs-with-color .color-mirror-source{flex-basis:100%;margin-left:0} .modal-select-icon ul.mfn-items-list li { width: 12.5%; } /* Builder */ .mfn-ui .mfn-modalbox ul.modalbox-items li { width: 12.5%; } .mfn-ui .modal-sections-library ul.modalbox-sections { column-count: 2; } } @media only screen and (max-width: 960px) { .mfn-ui .mfn-register-now{left:36px;width:calc(100% - 36px)} .mfn-ui .mfn-register-now .inner-content{width:500px} .mfn-ui .mfn-register-now .inner-content .be{display:none} .mfn-ui .mfn-register-now .inner-content .info{width:100%;padding:30px 5px} .rtl .mfn-ui .mfn-register-now{left:auto;right:36px!important} } @media only screen and (max-width: 782px) { .mfn-options{margin-left:-10px;overflow-x:hidden} .wp-responsive-open .mfn-options{margin-left:-28px} .mfn-options .mfn-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(25,37,48,.5);z-index:99;display:none} .mfn-options .mfn-menu{position:fixed;right:-245px;top:106px;z-index:100;height:calc(100% - 106px);margin-right:0;border-right:0;padding-top:15px;overflow-y:auto;background-color: var(--mfn-ui-background);} .mfn-options .mfn-menu.show{right:0} .mfn-options .mfn-menu .menu-heading{display:none} .mfn-options .mfn-menu > nav {margin-bottom:15px} .mfn-options .mfn-subheader-placeholder{display:none!important} .mfn-options .mfn-subheader.sticky{position:static!important;padding: 0 30px 0 120px;border-bottom:0;} .mfn-ui .mfn-row .row-column-1, .mfn-ui .mfn-row .row-column-2, .mfn-ui .mfn-row .row-column-3, .mfn-ui .mfn-row .row-column-4, .mfn-ui .mfn-row .row-column-5, .mfn-ui .mfn-row .row-column-6, .mfn-ui .mfn-row .row-column-7, .mfn-ui .mfn-row .row-column-8, .mfn-ui .mfn-row .row-column-9, .mfn-ui .mfn-row .row-column-10, .mfn-ui .mfn-row .row-column-11, .mfn-ui .mfn-row .row-column-12 { flex-basis: 100%; max-width: 100%; } .mfn-options > form { padding-top: 60px; } .mfn-top { padding: 30px 0; } .mfn-top > .mfn-icon { width: 52px; height: 52px; background-size: 34px; } .mfn-options .mfn-topbar, .mfn-options .mfn-subheader { padding-left: 100px; } .mfn-options .mfn-topbar { flex-direction: column; } .mfn-options .mfn-subheader { flex-direction: column; align-items: unset; } .mfn-options .mfn-subheader .subheader-buttons { margin-left: 0; } .mfn-options .mfn-subheader .subheader-tabber { margin-bottom: 20px; } .mfn-options .mfn-subheader .subheader-tabber ul.subheader-tabs li { margin-right: 20px; } .mfn-options .mfn-subheader .subheader-tabber ul.subheader-tabs li a { padding: 10px 0; } .mfn-options .mfn-subheader .subheader-buttons a { display: none; } .mfn-options .mfn-subheader .subheader-buttons .btn-save-changes { margin-left: 0; } .mfn-ui .modal-select-icon ul.mfn-items-list li { width: 20%; } .mfn-ui .mfn-modalbox .modalbox-header { flex-wrap: wrap; } .mfn-ui .mfn-modalbox .modalbox-header .options-group { flex-basis: 100%; margin: 5px 0; } .mfn-ui .mfn-modalbox .modalbox-header .options-group:last-child { margin: 0; } .mfn-ui .mfn-modalbox .modalbox-header .btn-modal-close { position: absolute; top: 15px; right: 20px; } .mfn-ui .mfn-modalbox .modalbox-content { height: calc(100% - 121px); } .mfn-ui .has-footer .mfn-modalbox .modalbox-content { height: calc(100% - 154px); } .mfn-ui .has-footer[data-type="column"] .mfn-modalbox .modalbox-content, .mfn-ui .has-footer.modal-export-import .mfn-modalbox .modalbox-content { height: calc(100% - 204px); } .mfn-ui .modal-confirm .mfn-modalbox { width: 80%; height: auto; margin-left:-40%; margin-top: 0; transform:translateY(-50%); } .mfn-ui .modal-small .mfn-modalbox { width: 80%; height: 500px; margin-left:-40%;margin-top:-250px; } .mfn-ui .modal-add-items .options-group.right { display: none; } .mfn-ui .modal-select-icon .modalbox-search .form-control { max-width: inherit; flex: 1 1 auto; } .mfn-ui .mfn-modalbox .modalbox-tabs { margin-bottom: -16px; } .mfn-ui .modal-revisions .modalbox-content .row-column { margin-bottom: 30px; } .mfn-ui .modal-export-import .modalbox-footer .options-group .mfn-form-select { width: 145px; } .mfn-ui .modal-export-import .modalbox-tabs li a { padding: 22px 7px; font-size: 13px; } .mfn-ui .modal-sections-library ul.modalbox-sections { column-count: 1; } .mfn-ui .mfn-form .desc-group ul { float: none; width: 100%; margin: 0 0 10px; } .mfn-ui .mfn-register-now{left:0!important;width:100%!important} .mfn-ui .mfn-register-now .inner-content{width:80%} .rtl .mfn-ui .mfn-register-now{right:0!important} .rtl .mfn-options{margin-left:0;margin-right:-10px!important} .rtl .mfn-options .mfn-menu{left:-245px;right:auto} .rtl .mfn-options .mfn-menu.show{left:0;right:auto} .modal-display-conditions .mfn-modalbox .modalbox-content .mfn-dynamic-form { margin: 0; } .mfn-dynamic-form .mfn-df-row { padding-right: 0; } .mfn-dynamic-form .df-row-inputs { display: block; } .mfn-dynamic-form.mfn-form .df-row-inputs .mfn-form-control { margin: 0 0 2px; } .mfn-dynamic-form .df-remove { display: inline-block !important; position: relative; top: 0; right: 0; transform: none; margin: 0 auto; float: none !important; } /* Builder */ .mfn-ui .mfn-btn .btn-wrapper, .mfn-ui .mfn-btn .mfn-icon { flex-shrink: 0; } .mfn-ui .mfn-header .header-label { display: none; } .mfn-ui .mfn-header { flex-direction: column; } .mfn-ui .mfn-header .options-group { margin-bottom: 2px; } .mfn-ui .mfn-header .options-group:last-child { margin-bottom: 0; } .mfn-ui .mfn-header .options-group .mfn-option-dropdown.dropdown-large { display: none; } .mfn-ui .mfn-modalbox ul.modalbox-items li { width: 50%; } .mfn-ui .html-editor .editor-header { flex-wrap: wrap; } .mfn-ui .html-editor a.mfn-option-btn, .mfn-ui .html-editor .mfn-option-dropdown { margin-bottom: 2px; } .mfn-ui .mfn-element[data-size="0.1666"]{width:99%} .mfn-ui .mfn-element[data-size="0.2"]{width:99%} .mfn-ui .mfn-element[data-size="0.25"]{width:99%} .mfn-ui .mfn-element[data-size="0.3333"]{width:99%} .mfn-ui .mfn-element[data-size="0.4"]{width:99%} .mfn-ui .mfn-element[data-size="0.5"]{width:99%} .mfn-ui .mfn-element[data-size="0.6"]{width:99%} .mfn-ui .mfn-element[data-size="0.6667"]{width:99%} .mfn-ui .mfn-element[data-size="0.75"]{width:99%} .mfn-ui .mfn-element[data-size="0.8"]{width:99%} .mfn-ui .mfn-element[data-size="0.8333"]{width:99%} .mfn-ui .mfn-element[data-size="1"]{width:99%} .mfn-ui .mfn-item .item-header, .mfn-ui .mfn-wrap .wrap-header { flex-direction: row; } .mfn-ui.hover-effects .mfn-item .item-header { display: flex; padding: 4px 4px 2px; flex-wrap: wrap; justify-content: unset; border-radius: 3px 3px 0 0; position: static; overflow: hidden; width: 100%; box-sizing: border-box; transform: none; } .mfn-ui.hover-effects .mfn-item.hover .item-header { display: flex; } .mfn-ui .mfn-wrap .wrap-header, .mfn-ui.hover-effects .mfn-wrap .wrap-header { display: flex; padding: 4px 4px 2px; flex-wrap: wrap; justify-content: unset; position: static; overflow: hidden; width: calc(100% + 30px); margin: -25px -15px 15px; box-sizing: border-box; transform: none; } .mfn-ui.hover-effects .mfn-wrap.hover .wrap-header { display: flex; } .mfn-ui .mfn-item .item-header a.mfn-element-edit, .mfn-ui .mfn-wrap .wrap-header a.mfn-element-edit { margin-left: auto; } .mfn-ui.hover-effects .mfn-item[data-type^="divider"]:after{width:calc(100% - 92px); } /* Intro Slider */ .mfn-ui .mfn-intro-overlay .mfn-intro-container{ width: 280px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .pic { width: 230px; height: 182px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .step-1 .pic { background-position: 0 0; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .step-2 .pic { background-position: 0 -182px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .step-3 .pic { background-position: 0 -364px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .step-4 .pic { background-position: 0 -546px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .step-5 .pic { background-position: 0 -728px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .step-6 .pic { background-position: 0 -910px; } .mfn-ui .mfn-intro-overlay .mfn-intro-container .step-7 .pic { background-position: 0 -1092px; } } @media only screen and (max-width:1239px) { .mfn-ui .mfn-modal:not(.modal-confirm):not(.modal-small) .mfn-modalbox {left:0;width:92%;margin-left:4%;margin-right:4%} .mfn-ui .mfn-card .card-title-group .card-icon { width: 26px; height: 26px; background-size: 20px; } .mfn-ui .mfn-card .card-title-group .card-desc .card-title { font-size: 15px !important; } .mfn-ui .mfn-item-column .card-content, .mfn-ui .mfn-item-visual .card-content { max-height: 350px; position: relative; overflow: hidden; } .mfn-ui .mfn-item-column .card-content:after, .mfn-ui .mfn-item-visual .card-content:after { content: ""; display: block; width: 100%; height: 60px; position: absolute; left: 0; top: 320px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%); } } @media only screen and (max-height:700px) { .mfn-ui :not(.modal-small):not(.modal-confirm):not(.modal-medium) .mfn-modalbox{top:0;height:80%;margin-top:60px} } /* ---------- ANIMATIONS ---------- */ .mfn-animation-pulse { animation: mfn-pulse 1s infinite ease-in-out alternate; } @keyframes mfn-pulse { from { transform: scale(0.8); } to { transform: scale(1.2); } } .mfn-animation-shake { animation: mfn-shake 2s ease infinite; } @keyframes mfn-shake { 0%, 50%, 100% {transform: translateX(0);} 5%, 15%, 25%, 35%, 45% {transform: translateX(-4%);} 10%, 20%, 30%, 40% {transform: translateX(4%);} } /* ---------- ICONS ---------- */ /* Light / Dark icons */ .mfn-ui .icon-dark { display: none; } .mfn-ui-dark .icon-dark { display: inline-block; } .mfn-ui-dark .icon-light { display: none; } .mfn-icon-edit { background-image:url(../svg/options/edit.svg); } .mfn-icon-edit-light { background-image:url(../svg/options/edit-light.svg); } .mfn-icon-clone { background-image:url(../svg/options/clone.svg); } .mfn-icon-clone-light { background-image:url(../svg/options/clone-light.svg); } .mfn-icon-show { background-image:url(../svg/options/show.svg); } .mfn-icon-hide { background-image:url(../svg/options/hide.svg); } .mfn-icon-delete { background-image:url(../svg/options/delete.svg); } .mfn-icon-delete-light { background-image: url(../svg/options/delete-light.svg); } .mfn-icon-delete-red { background-image:url(../svg/options/delete-red.svg); } .mfn-icon-more { background-image:url(../svg/options/more.svg); } .mfn-icon-card { background-image:url(../svg/options/card.svg); } .mfn-icon-check-blue { background-image:url(../svg/options/check-blue.svg); } .mfn-icon-arrow-up { background-image:url(../svg/options/arrow-up.svg); } .mfn-icon-arrow-down { background-image:url(../svg/options/arrow-down.svg); } .mfn-icon-arrow-left { background-image:url(../svg/options/arrow-left.svg); } .mfn-icon-arrow-right { background-image:url(../svg/options/arrow-right.svg); } .mfn-icon-padding-up { background-image:url(../svg/options/padding-up.svg); } .mfn-icon-padding-down { background-image:url(../svg/options/padding-down.svg); } .mfn-icon-padding-horizontal { background-image:url(../svg/options/padding-horizontal.svg); } .mfn-icon-information { background-image:url(../svg/options/info.svg); } .mfn-icon-dec { background-image:url(../svg/options/dec.svg); } .mfn-icon-dec-light { background-image:url(../svg/options/dec-light.svg); } .mfn-icon-inc { background-image:url(../svg/options/inc.svg); } .mfn-icon-inc-light { background-image:url(../svg/options/inc-light.svg); } .mfn-icon-move-up { background-image:url(../svg/options/move-up.svg); } .mfn-icon-move-down { background-image:url(../svg/options/move-down.svg); } .mfn-icon-move-left { background-image:url(../svg/options/move-left.svg); } .mfn-icon-move-right { background-image:url(../svg/options/move-right.svg); } .mfn-icon-fold { background-image:url(../svg/options/fold.svg); } .mfn-icon-fold-light { background-image:url(../svg/options/fold-light.svg); } .mfn-icon-unfold { background-image:url(../svg/options/unfold.svg); } .mfn-icon-export { background-image:url(../svg/options/export.svg); } .mfn-icon-import-before { background-image:url(../svg/options/import-before.svg); } /* dodac */ .mfn-icon-import-after { background-image:url(../svg/options/import-after.svg); } /* dodac */ .mfn-icon-add { background-image:url(../svg/options/add.svg); } .mfn-icon-add-light { background-image:url(../svg/options/add-light.svg); } .mfn-icon-close { background-image:url(../svg/options/close.svg); } .mfn-icon-close-light { background-image:url(../svg/options/close-light.svg); } .mfn-icon-desktop { background-image:url(../svg/options/desktop.svg); } .mfn-icon-laptop { background-image:url(../svg/options/laptop.svg); } .mfn-icon-laptop-light { background-image:url(../svg/options/laptop-light.svg); } .mfn-icon-tablet { background-image:url(../svg/options/tablet.svg); } .mfn-icon-tablet-light { background-image:url(../svg/options/tablet-light.svg); } .mfn-icon-mobile { background-image:url(../svg/options/mobile.svg); } .mfn-icon-mobile-light { background-image:url(../svg/options/mobile-light.svg); } .mfn-icon-search { background-image:url(../svg/options/search.svg); } .mfn-icon-copy { background-image:url(../svg/options/copy.svg); } .mfn-icon-paste { background-image:url(../svg/options/paste.svg); } .mfn-icon-cog { background-image:url(../svg/options/cog.svg); } .mfn-icon-cog-light { background-image:url(../svg/options/cog-light.svg); } .mfn-icon-desc { background-image:url(../svg/options/desc.svg); } .mfn-icon-navigator {background-image:url(../svg/options/navigator.svg)} .mfn-icon-folder {background-image:url(../svg/options/folder.svg)} .mfn-icon-folder-open {background-image:url(../svg/options/folder-open.svg)} .mfn-icon-folder-open-light {background-image:url(../svg/options/folder-open-light.svg)} .mfn-icon-star {background-image:url(../svg/options/star.svg)} .mfn-icon-preview { background-image:url(../svg/options/preview.svg); } .mfn-icon-view-page { background-image:url(../svg/options/view-page.svg); } .mfn-icon-section { background-image:url(../svg/options/section.svg); } .mfn-icon-wrap { background-image:url(../svg/options/wrap.svg); } .mfn-icon-item { background-image:url(../svg/options/item.svg); } .mfn-icon-reset { background-image:url(../svg/options/reset.svg); } .mfn-icon-layout-grid { background-image:url(../svg/options/grid.svg); } .mfn-icon-layout-list { background-image:url(../svg/options/list.svg); } .mfn-icon-check { background-image:url(../svg/options/check.svg); } .mfn-icon-check-blue { background-image:url(../svg/options/check-blue.svg); } .mfn-icon-yes { background-image:url(../svg/options/yes.svg); } .mfn-icon-yes-green { background-image:url(../svg/options/yes-green.svg); } .mfn-icon-no { background-image:url(../svg/options/no.svg); } .mfn-icon-no-red { background-image:url(../svg/options/no-red.svg); } .mfn-icon-info-orange { background-image:url(../svg/options/info-orange.svg); } .mfn-icon-settings { background-image:url(../svg/others/settings.svg); } .mfn-icon-options { background-image:url(../svg/menu//options/options.svg); } .mfn-icon-support {background-image:url(../svg/others/support.svg)} .mfn-icon-support-light {background-image:url(../svg/others/support-light.svg)} .mfn-icon-changelog { background-image:url(../svg/others/changelog.svg); } .mfn-icon-card {background-image:url(../svg/others/card.svg)} .mfn-icon-dark-mode {background-image:url(../svg/others/dark-mode.svg)} .mfn-icon-grid-width {background-image:url(../svg/others/grid-width.svg)} .mfn-icon-simple-view {background-image:url(../svg/others/simple-view.svg)} .mfn-icon-hover-effects {background-image:url(../svg/others/hover-effects.svg)} .mfn-icon-precompleted-items {background-image:url(../svg/others/precompleted-items.svg)} .mfn-icon-add-big {background-image:url(../svg/others/add-big.svg)} .mfn-icon-clock {background-image:url(../svg/others/clock.svg)} .mfn-icon-predefined-sections {background-image:url(../svg/others/predefined-sections.svg)} .mfn-icon-export-import {background-image:url(../svg/others/export-import.svg)} .mfn-icon-menu {background-image:url(../svg/others/menu.svg)} .mfn-icon-menu-light {background-image:url(../svg/others/menu-light.svg)} .mfn-icon-intro-slider {background-image:url(../svg/others/intro-slider.svg)} .mfn-icon-shortcuts {background-image:url(../svg/others/shortcuts.svg)} .mfn-icon-navigation {background-image:url(../svg/others/navigation.svg)} .mfn-icon-right-click {background-image:url(../svg/others/right-click.svg)} .mfn-icon-preset {background-image:url(../svg/others/preset.svg)} .mfn-icon-preset-export-import {background-image:url(../svg/others/preset-export-import.svg)} .mfn-icon-register { background-image:url(../svg/others/register.svg); } .mfn-icon-register-light { background-image:url(../svg/others/register-light.svg); } .mfn-icon-password { background-image:url(../svg/others/password.svg); } .mfn-icon-password-light { background-image:url(../svg/others/password-light.svg); } .mfn-icon-plugins { background-image:url(../svg/others/plugins.svg); } .mfn-icon-system-status { background-image:url(../svg/others/system-status.svg); } .mfn-icon-notification { background-image:url(../svg/others/notification.svg); } .mfn-icon-community { background-image:url(../svg/others/community.svg); } .mfn-icon-be { background-image:url(../svg/others/be.svg); } .mfn-icon-support-faq { background-image:url(../svg/others/faq.svg); } .mfn-icon-video-tutorials { background-image:url(../svg/others/video-tutorials.svg); } .mfn-icon-setup-type { background-image:url(../svg/others/setup-type.svg); } .mfn-icon-basics { background-image:url(../svg/others/basics.svg); } .mfn-icon-layout { background-image:url(../svg/others/layout.svg); } .mfn-icon-design { background-image:url(../svg/others/design.svg); } .mfn-icon-complete { background-image:url(../svg/others/complete.svg); } .mfn-icon-finish { background-image:url(../svg/others/complete.svg); } .mfn-icon-addmedia { background-image:url(../svg/editor/image.svg) } .mfn-icon-bold {background-image:url(../svg/editor/bold.svg)} .mfn-icon-italic {background-image:url(../svg/editor/italic.svg)} .mfn-icon-underline {background-image:url(../svg/editor/underline.svg)} .mfn-icon-textcolor {background-image:url(../svg/editor/text-color.svg)} .mfn-icon-listordered {background-image:url(../svg/editor/ordered-list.svg)} .mfn-icon-listunordered {background-image:url(../svg/editor/unordered-list.svg)} .mfn-icon-link {background-image:url(../svg/editor/link.svg)} .mfn-icon-table {background-image:url(../svg/editor/table.svg)} .mfn-icon-break {background-image:url(../svg/editor/line-break.svg)} .mfn-icon-divider {background-image:url(../svg/editor/divider.svg)} .mfn-icon-lorem {background-image:url(../svg/editor/txt.svg)} .mfn-icon-undo {background-image:url(../svg/editor/undo.svg)} .mfn-icon-redo {background-image:url(../svg/editor/redo.svg)} .mfn-icon-align-left {background-image:url(../svg/editor/align-left.svg)} .mfn-icon-align-center {background-image:url(../svg/editor/align-center.svg)} .mfn-icon-align-right {background-image:url(../svg/editor/align-right.svg)} .mfn-icon-align-justify {background-image:url(../svg/editor/align-justify.svg)} .mfn-icon-format-h1 {background-image:url(../svg/editor/format-h1.svg)} .mfn-icon-format-h2 {background-image:url(../svg/editor/format-h2.svg)} .mfn-icon-format-h3 {background-image:url(../svg/editor/format-h3.svg)} .mfn-icon-format-h4 {background-image:url(../svg/editor/format-h4.svg)} .mfn-icon-format-h5 {background-image:url(../svg/editor/format-h5.svg)} .mfn-icon-format-h6 {background-image:url(../svg/editor/format-h6.svg)} .mfn-icon-format-p { background-image:url(../svg/editor/format-paragraph.svg) } .mfn-icon-format-p-big { background-image:url(../svg/editor/format-paragraph-big.svg) } .mfn-icon-format-code { background-image:url(../svg/editor/format-code.svg) } .mfn-icon-shortcode { background-image:url(../svg/editor/shortcode.svg) } .mfn-icon-rating-1 { background-image:url(../svg/rating/rating-1.svg) } .mfn-icon-rating-2 { background-image:url(../svg/rating/rating-2.svg) } .mfn-icon-rating-3 { background-image:url(../svg/rating/rating-3.svg) } .mfn-icon-rating-4 { background-image:url(../svg/rating/rating-4.svg) } .mfn-icon-rating-5 { background-image:url(../svg/rating/rating-5.svg) } .mfn-menu nav ul li.mfn-menu-global .mfn-icon {background-image:url(../svg/menu/options/global.svg); } .mfn-menu nav ul li.mfn-menu-header-subheader .mfn-icon {background-image:url(../svg/menu/options/header.svg); } .mfn-menu nav ul li.mfn-menu-mab .mfn-icon {background-image:url(../svg/menu/options/menu.svg); } .mfn-menu nav ul li.mfn-menu-sidebars .mfn-icon {background-image:url(../svg/menu/options/sidebars.svg); } .mfn-menu nav ul li.mfn-menu-bps .mfn-icon {background-image:url(../svg/menu/options/blog.svg); } .mfn-menu nav ul li.mfn-menu-shop .mfn-icon {background-image:url(../svg/menu/options/shop.svg); } .mfn-menu nav ul li.mfn-menu-pages .mfn-icon {background-image:url(../svg/menu/options/pages.svg); } .mfn-menu nav ul li.mfn-menu-footer .mfn-icon {background-image:url(../svg/menu/options/footer.svg); } .mfn-menu nav ul li.mfn-menu-search .mfn-icon {background-image:url(../svg/menu/options/search.svg); } .mfn-menu nav ul li.mfn-menu-responsive .mfn-icon {background-image:url(../svg/menu/options/responsive.svg); } .mfn-menu nav ul li.mfn-menu-seo .mfn-icon {background-image:url(../svg/menu/options/seo.svg); } .mfn-menu nav ul li.mfn-menu-social .mfn-icon {background-image:url(../svg/menu/options/social.svg); } .mfn-menu nav ul li.mfn-menu-addons-plugins .mfn-icon {background-image:url(../svg/menu/options/addons.svg); } .mfn-menu nav ul li.mfn-menu-colors .mfn-icon {background-image:url(../svg/menu/options/colors.svg); } .mfn-menu nav ul li.mfn-menu-font .mfn-icon {background-image:url(../svg/menu/options/fonts.svg); } .mfn-menu nav ul li.mfn-menu-translate .mfn-icon {background-image:url(../svg/menu/options/translate.svg); } .mfn-menu nav ul li.mfn-menu-custom .mfn-icon {background-image:url(../svg/menu/options/custom.svg); } .mfn-menu nav ul li.mfn-menu-gdpr .mfn-icon {background-image:url(../svg/menu/options/gdpr.svg); } .mfn-menu nav ul li.mfn-menu-performance .mfn-icon, .mfn-icon-performance {background-image:url(../svg/menu/options/performance.svg); } .mfn-menu nav ul li.mfn-menu-accessibility .mfn-icon {background-image:url(../svg/menu/options/accessibility.svg); } .mfn-menu nav ul li.mfn-menu-backup .mfn-icon {background-image:url(../svg/menu/options/backup.svg); } .mfn-icon-dashboard { background-image:url(../svg/menu/dashboard/dashboard.svg) } .mfn-icon-maintenance { background-image:url(../svg/menu/dashboard/maintenance.svg) } .mfn-icon-setup-wizzard { background-image:url(../svg/menu/dashboard/setup-wizzard.svg) } .mfn-icon-templates { background-image:url(../svg/menu/dashboard/templates.svg) } .mfn-icon-theme-options { background-image:url(../svg/menu/dashboard/theme-options.svg) } .mfn-icon-websites { background-image:url(../svg/menu/dashboard/websites.svg) } .mfn-item-accordion .card-icon, .mfn-icon-accordion, .mfn-modal[data-type="accordion"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/accordion.svg)} .mfn-item-article_box .card-icon, .mfn-icon-article-box, .mfn-modal[data-type="article_box"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/article-box.svg)} .mfn-item-before_after .card-icon, .mfn-icon-before-after, .mfn-modal[data-type="before_after"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/before-after.svg)} .mfn-item-blockquote .card-icon, .mfn-icon-blockquote, .mfn-modal[data-type="blockquote"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/blockquote.svg)} .mfn-item-blog .card-icon, .mfn-icon-blog, .mfn-modal[data-type="blog"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/blog.svg)} .mfn-item-blog_news .card-icon, .mfn-icon-blog-news, .mfn-modal[data-type="blog_news"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/blog-news.svg); } .mfn-item-blog_slider .card-icon, .mfn-icon-blog-slider, .mfn-modal[data-type="blog_slider"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/blog-slider.svg); } .mfn-item-blog_teaser .card-icon, .mfn-icon-blog-teaser, .mfn-modal[data-type="blog_teaser"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/blog-teaser.svg); } .mfn-item-button .card-icon, .mfn-icon-button, .mfn-modal[data-type="button"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/button.svg); } .mfn-item-call_to_action .card-icon, .mfn-icon-call-to-action, .mfn-modal[data-type="call_to_action"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/call-to-action.svg); } .mfn-item-chart .card-icon, .mfn-icon-chart, .mfn-modal[data-type="chart"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/chart.svg); } .mfn-item-clients .card-icon, .mfn-icon-clients, .mfn-modal[data-type="clients"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/clients.svg); } .mfn-item-clients_slider .card-icon, .mfn-icon-clients-slider, .mfn-modal[data-type="clients_slider"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/clients-slider.svg); } .mfn-item-code .card-icon, .mfn-icon-code, .mfn-modal[data-type="code"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/code.svg); } .mfn-item-column .card-icon, .mfn-icon-column, .mfn-modal[data-type="column"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/column.svg); } .mfn-item-contact_box .card-icon, .mfn-icon-contact-box, .mfn-modal[data-type="contact_box"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/contact-box.svg); } .mfn-item-content .card-icon, .mfn-icon-content, .mfn-modal[data-type="content"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/content.svg); } .mfn-item-countdown .card-icon, .mfn-icon-countdown, .mfn-modal[data-type="countdown"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/countdown.svg); } .mfn-item-counter .card-icon, .mfn-icon-counter, .mfn-modal[data-type="counter"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/counter.svg); } .mfn-item-divider .card-icon, .mfn-icon-divider, .mfn-modal[data-type="divider"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/divider.svg); } .mfn-item-divider_2 .card-icon, .mfn-icon-divider-2, .mfn-modal[data-type="divider_2"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/divider-2.svg); } .mfn-item-fancy_divider .card-icon, .mfn-icon-fancy-divider, .mfn-modal[data-type="fancy_divider"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/fancy-divider.svg); } .mfn-item-fancy_heading .card-icon, .mfn-icon-fancy-heading, .mfn-modal[data-type="fancy_heading"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/fancy-heading.svg); } .mfn-item-faq .card-icon, .mfn-icon-faq, .mfn-modal[data-type="faq"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/faq.svg); } .mfn-item-feature_box .card-icon, .mfn-icon-feature-box, .mfn-modal[data-type="feature_box"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/feature-box.svg); } .mfn-item-feature_list .card-icon, .mfn-icon-feature-list, .mfn-modal[data-type="feature_list"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/feature-list.svg); } .mfn-item-flat_box .card-icon, .mfn-icon-flat-box, .mfn-modal[data-type="flat_box"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/flat-box.svg); } .mfn-item-heading .card-icon, .mfn-icon-heading, .mfn-modal[data-type="heading"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/heading.svg); } .mfn-item-helper .card-icon, .mfn-icon-helper, .mfn-modal[data-type="helper"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/helper.svg); } .mfn-item-hover_box .card-icon, .mfn-icon-hover-box, .mfn-modal[data-type="hover_box"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/hover-box.svg); } .mfn-item-hover_color .card-icon, .mfn-icon-hover-color, .mfn-modal[data-type="hover_color"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/hover-color.svg); } .mfn-item-how_it_works .card-icon, .mfn-icon-how-it-works, .mfn-modal[data-type="how_it_works"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/how-it-works.svg); } .mfn-item-icon_box .card-icon, .mfn-icon-icon-box, .mfn-modal[data-type="icon_box"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/icon-box.svg); } .mfn-item-icon_box_2 .card-icon, .mfn-icon-icon-box-2, .mfn-modal[data-type="icon_box_2"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/icon-box-2.svg); } .mfn-item-image .card-icon, .mfn-icon-image, .mfn-modal[data-type="image"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/image.svg); } .mfn-item-image_gallery .card-icon, .mfn-icon-image-gallery, .mfn-modal[data-type="image_gallery"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/image-gallery.svg); } .mfn-item-info_box .card-icon, .mfn-icon-info-box, .mfn-modal[data-type="info_box"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/info-box.svg); } .mfn-item-list .card-icon, .mfn-icon-list, .mfn-modal[data-type="list"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/list.svg); } .mfn-item-list_2 .card-icon, .mfn-icon-list-2, .mfn-modal[data-type="list_2"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/list-2.svg); } .mfn-item-lottie .card-icon, .mfn-icon-lottie, .mfn-modal[data-type="lottie"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/lottie.svg); } .mfn-item-map_basic .card-icon, .mfn-icon-map-basic, .mfn-modal[data-type="map_basic"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/map-basic.svg); } .mfn-item-map .card-icon, .mfn-icon-map, .mfn-modal[data-type="map"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/map.svg); } .mfn-item-offer .card-icon, .mfn-icon-offer, .mfn-modal[data-type="offer"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/offer.svg); } .mfn-item-offer_thumb .card-icon, .mfn-icon-offer-thumb, .mfn-modal[data-type="offer_thumb"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/offer-thumb.svg); } .mfn-item-opening_hours .card-icon, .mfn-icon-opening-hours, .mfn-modal[data-type="opening_hours"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/opening-hours.svg); } .mfn-item-our_team .card-icon, .mfn-icon-our-team, .mfn-modal[data-type="our_team"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/our-team.svg); } .mfn-item-our_team_list .card-icon, .mfn-icon-our-team-list, .mfn-modal[data-type="our_team_list"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/our-team-list.svg); } .mfn-item-payment_methods .card-icon, .mfn-icon-payment_methods, .mfn-modal[data-type="payment_methods"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/payment-methods.svg); } .mfn-item-photo_box .card-icon, .mfn-icon-photo-box, .mfn-modal[data-type="photo_box"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/photo-box.svg); } .mfn-item-placeholder .card-icon, .mfn-icon-placeholder, .mfn-modal[data-type="placeholder"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/placeholder.svg); } .mfn-item-plain_text .card-icon, .mfn-icon-plain-text, .mfn-modal[data-type="plain_text"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/plain-text.svg); } .mfn-item-portfolio .card-icon, .mfn-icon-portfolio, .mfn-modal[data-type="portfolio"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/portfolio.svg); } .mfn-item-portfolio_grid .card-icon, .mfn-icon-portfolio-grid, .mfn-modal[data-type="portfolio_grid"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/portfolio-grid.svg); } .mfn-item-portfolio_photo .card-icon, .mfn-icon-portfolio-photo, .mfn-modal[data-type="portfolio_photo"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/portfolio-photo.svg); } .mfn-item-portfolio_slider .card-icon, .mfn-icon-portfolio-slider, .mfn-modal[data-type="portfolio_slider"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/portfolio-slider.svg); } .mfn-item-pricing_item .card-icon, .mfn-icon-pricing-item, .mfn-modal[data-type="pricing_item"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/pricing-item.svg); } .mfn-item-progress_bars .card-icon, .mfn-icon-progress-bars, .mfn-modal[data-type="progress_bars"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/progress-bars.svg); } .mfn-item-promo_box .card-icon, .mfn-icon-promo-box, .mfn-modal[data-type="promo_box"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/promo-box.svg); } .mfn-item-quick_fact .card-icon, .mfn-icon-quick-fact, .mfn-modal[data-type="quick_fact"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/quick-fact.svg); } .mfn-item-shop .card-icon, .mfn-icon-shop, .mfn-modal[data-type="shop"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/shop.svg); } .mfn-item-table_of_contents .card-icon, .mfn-icon-table-of-contents, .mfn-modal[data-type="table_of_contents"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/table-of-contents.svg); } .mfn-item-toggle .card-icon, .mfn-icon-toggle, .mfn-modal[data-type="toggle"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/toggle.svg); } .mfn-item-shop_slider .card-icon, .mfn-icon-shop-slider, .mfn-modal[data-type="shop_slider"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/shop-slider.svg); } .mfn-item-sidebar_widget .card-icon, .mfn-icon-sidebar-widget, .mfn-modal[data-type="sidebar_widget"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/sidebar-widget.svg); } .mfn-item-slider .card-icon, .mfn-icon-slider, .mfn-modal[data-type="slider"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/slider.svg); } .mfn-item-spacer .card-icon, .mfn-icon-spacer, .mfn-modal[data-type="spacer"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/spacer.svg); } .mfn-item-banner_box .card-icon, .mfn-icon-banner_box, .mfn-modal[data-type="banner_box"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/banner-box.svg); } .mfn-item-breadcrumbs .card-icon, .mfn-icon-breadcrumbs, .mfn-modal[data-type="breadcrumbs"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-breadcrumbs.svg); } .mfn-item-cf7 .card-icon, .mfn-icon-cf7, .mfn-modal[data-type="cf7"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/cf7.svg); } .mfn-item-hotspot .card-icon, .mfn-icon-hotspot, .mfn-modal[data-type="hotspot"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/hotspot.svg); } .mfn-item-html .card-icon, .mfn-icon-html, .mfn-modal[data-type="html"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/code.svg); } .mfn-item-share .card-icon, .mfn-icon-share, .mfn-modal[data-type="share"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/share.svg); } .mfn-item-tag_cloud .card-icon, .mfn-icon-tag_cloud, .mfn-modal[data-type="tag_cloud"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/tag-cloud.svg); } .mfn-item-header_language_switcher .card-icon, .mfn-icon-header_language_switcher, .mfn-modal[data-type="header_language_switcher"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/header-language-switcher.svg); } .mfn-item-slider_plugin .card-icon, .mfn-icon-slider-plugin, .mfn-modal[data-type="slider_plugin"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/slider-plugin.svg); } .mfn-item-sliding_box .card-icon, .mfn-icon-sliding-box, .mfn-modal[data-type="sliding_box"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/sliding-box.svg); } .mfn-item-story_box .card-icon, .mfn-icon-story-box, .mfn-modal[data-type="story_box"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/story-box.svg); } .mfn-item-tabs .card-icon, .mfn-icon-tabs, .mfn-modal[data-type="tabs"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/tabs.svg); } .mfn-item-testimonials .card-icon, .mfn-icon-testimonials, .mfn-modal[data-type="testimonials"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/testimonials.svg); } .mfn-item-testimonials_list .card-icon, .mfn-icon-testimonials-list, .mfn-modal[data-type="testimonials_list"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/testimonials-list.svg); } .mfn-item-timeline .card-icon, .mfn-icon-timeline, .mfn-modal[data-type="timeline"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/timeline.svg); } .mfn-item-trailer_box .card-icon, .mfn-icon-trailer-box, .mfn-modal[data-type="trailer_box"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/trailer-box.svg); } .mfn-item-video .card-icon, .mfn-icon-video, .mfn-modal[data-type="video"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/video.svg); } .mfn-item-visual .card-icon, .mfn-icon-visual, .mfn-modal[data-type="visual"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/visual.svg); } .mfn-item-zoom_box .card-icon, .mfn-icon-zoom-box, .mfn-modal[data-type="zoom_box"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/zoom-box.svg); } .mfn-item-livesearch .card-icon, .mfn-icon-livesearch, .mfn-modal[data-type="livesearch"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/livesearch.svg); } .mfn-item-product_title .card-icon, .mfn-icon-product-title, .mfn-modal[data-type="product_title"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-title.svg)} .mfn-item-product_images .card-icon, .mfn-icon-product-images, .mfn-modal[data-type="product_images"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-images.svg)} .mfn-item-product_price .card-icon, .mfn-icon-product-price, .mfn-modal[data-type="product_price"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-price.svg)} .mfn-item-product_cart_button .card-icon, .mfn-icon-product-cart-button, .mfn-modal[data-type="product_cart_button"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-cart-button.svg)} .mfn-item-product_rating .card-icon, .mfn-icon-product-rating, .mfn-modal[data-type="product_rating"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-rating.svg)} .mfn-item-product_stock .card-icon, .mfn-icon-product-stock, .mfn-modal[data-type="product_stock"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-stock.svg)} .mfn-item-product_meta .card-icon, .mfn-icon-product-meta, .mfn-modal[data-type="product_meta"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-meta.svg)} .mfn-item-product_short_description .card-icon, .mfn-icon-product-short-description, .mfn-modal[data-type="product_short_description"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-short-description.svg)} .mfn-item-product_content .card-icon, .mfn-icon-product-content, .mfn-modal[data-type="product_content"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-content.svg)} .mfn-item-product_additional_information .card-icon, .mfn-icon-product-additional-information, .mfn-modal[data-type="product_additional_information"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-additional-information.svg)} .mfn-item-product_related .card-icon, .mfn-icon-product-related, .mfn-modal[data-type="product_related"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-related.svg)} .mfn-item-product_upsells .card-icon, .mfn-icon-product-upsells, .mfn-modal[data-type="product_upsells"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-upsells.svg)} .mfn-item-product_breadcrumbs .card-icon, .mfn-icon-product-breadcrumbs, .mfn-modal[data-type="product_breadcrumbs"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-breadcrumbs.svg)} .mfn-item-shop_categories .card-icon, .mfn-icon-shop-categories, .mfn-modal[data-type="shop_categories"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/shop-categories.svg)} .mfn-item-shop_products .card-icon, .mfn-icon-shop-products, .mfn-modal[data-type="shop_products"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/shop-products.svg)} .mfn-item-shop_title .card-icon, .mfn-icon-shop-title, .mfn-modal[data-type="shop_title"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/shop-title.svg)} .mfn-item-product_reviews .card-icon, .mfn-icon-product-reviews, .mfn-modal[data-type="product_reviews"] .modalbox-title-group .modalbox-icon {background-image:url(../svg/items/product-reviews.svg)} /* ---------- ICONS DARK MODE ---------- */ .mfn-ui-dark .mfn-icon-edit { background-image:url(../_dark/svg/options/edit.svg); } .mfn-ui-dark .mfn-icon-edit-light { background-image:url(../_dark/svg/options/edit-light.svg); } .mfn-ui-dark .mfn-icon-clone { background-image:url(../_dark/svg/options/clone.svg); } .mfn-ui-dark .mfn-icon-clone-light { background-image:url(../_dark/svg/options/clone-light.svg); } .mfn-ui-dark .mfn-icon-show { background-image:url(../_dark/svg/options/show.svg); } .mfn-ui-dark .mfn-icon-hide { background-image:url(../_dark/svg/options/hide.svg); } .mfn-ui-dark .mfn-icon-delete { background-image:url(../_dark/svg/options/delete.svg); } .mfn-ui-dark .mfn-icon-delete-light { background-image: url(../_dark/svg/options/delete-light.svg); } .mfn-ui-dark .mfn-icon-delete-red { background-image:url(../_dark/svg/options/delete-red.svg); } .mfn-ui-dark .mfn-icon-more { background-image:url(../_dark/svg/options/more.svg); } .mfn-ui-dark .mfn-icon-card { background-image:url(../_dark/svg/options/card.svg); } .mfn-ui-dark .mfn-icon-check-blue { background-image:url(../_dark/svg/options/check-blue.svg); } .mfn-ui-dark .mfn-icon-arrow-up { background-image:url(../_dark/svg/options/arrow-up.svg); } .mfn-ui-dark .mfn-icon-arrow-down { background-image:url(../_dark/svg/options/arrow-down.svg); } .mfn-ui-dark .mfn-icon-arrow-left { background-image:url(../_dark/svg/options/arrow-left.svg); } .mfn-ui-dark .mfn-icon-arrow-right { background-image:url(../_dark/svg/options/arrow-right.svg); } .mfn-ui-dark .mfn-icon-padding-up { background-image:url(../_dark/svg/options/padding-up.svg); } .mfn-ui-dark .mfn-icon-padding-down { background-image:url(../_dark/svg/options/padding-down.svg); } .mfn-ui-dark .mfn-icon-padding-horizontal { background-image:url(../_dark/svg/options/padding-horizontal.svg); } .mfn-ui-dark .mfn-icon-information { background-image:url(../_dark/svg/options/info.svg); } .mfn-ui-dark .mfn-icon-dec { background-image:url(../_dark/svg/options/dec.svg); } .mfn-ui-dark .mfn-icon-dec-light { background-image:url(../_dark/svg/options/dec-light.svg); } .mfn-ui-dark .mfn-icon-inc { background-image:url(../_dark/svg/options/inc.svg); } .mfn-ui-dark .mfn-icon-inc-light { background-image:url(../_dark/svg/options/inc-light.svg); } .mfn-ui-dark .mfn-icon-move-up { background-image:url(../_dark/svg/options/move-up.svg); } .mfn-ui-dark .mfn-icon-move-down { background-image:url(../_dark/svg/options/move-down.svg); } .mfn-ui-dark .mfn-icon-move-left { background-image:url(../_dark/svg/options/move-left.svg); } .mfn-ui-dark .mfn-icon-move-right { background-image:url(../_dark/svg/options/move-right.svg); } .mfn-ui-dark .mfn-icon-fold { background-image:url(../_dark/svg/options/fold.svg); } .mfn-ui-dark .mfn-icon-fold-light { background-image:url(../_dark/svg/options/fold-light.svg); } .mfn-ui-dark .mfn-icon-unfold { background-image:url(../_dark/svg/options/unfold.svg); } .mfn-ui-dark .mfn-icon-export { background-image:url(../_dark/svg/options/export.svg); } .mfn-ui-dark .mfn-icon-import-before { background-image:url(../_dark/svg/options/import-before.svg); } .mfn-ui-dark .mfn-icon-import-after { background-image:url(../_dark/svg/options/import-after.svg); } .mfn-ui-dark .mfn-icon-add { background-image:url(../_dark/svg/options/add.svg); } .mfn-ui-dark .mfn-icon-add-light { background-image:url(../_dark/svg/options/add-light.svg); } .mfn-ui-dark .mfn-icon-close { background-image:url(../_dark/svg/options/close.svg); } .mfn-ui-dark .mfn-icon-close-light { background-image:url(../_dark/svg/options/close-light.svg); } .mfn-ui-dark .mfn-icon-desktop { background-image:url(../_dark/svg/options/desktop.svg); } .mfn-ui-dark .mfn-icon-laptop-light { background-image:url(../_dark/svg/options/laptop-light.svg); } .mfn-ui-dark .mfn-icon-tablet { background-image:url(../_dark/svg/options/tablet.svg); } .mfn-ui-dark .mfn-icon-tablet-light { background-image:url(../_dark/svg/options/tablet-light.svg); } .mfn-ui-dark .mfn-icon-mobile { background-image:url(../_dark/svg/options/mobile.svg); } .mfn-ui-dark .mfn-icon-mobile-light { background-image:url(../_dark/svg/options/mobile-light.svg); } .mfn-ui-dark .mfn-icon-search { background-image:url(../_dark/svg/options/search.svg); } .mfn-ui-dark .mfn-icon-copy { background-image:url(../_dark/svg/options/copy.svg); } .mfn-ui-dark .mfn-icon-paste { background-image:url(../_dark/svg/options/paste.svg); } .mfn-ui-dark .mfn-icon-cog { background-image:url(../_dark/svg/options/cog.svg); } .mfn-ui-dark .mfn-icon-cog-light { background-image:url(../_dark/svg/options/cog-light.svg); } .mfn-ui-dark .mfn-icon-desc { background-image:url(../_dark/svg/options/desc.svg); } .mfn-ui-dark .mfn-icon-navigator {background-image:url(../_dark/svg/options/navigator.svg)} .mfn-ui-dark .mfn-icon-folder {background-image:url(../_dark/svg/options/folder.svg)} .mfn-ui-dark .mfn-icon-folder-open {background-image:url(../_dark/svg/options/folder-open.svg)} .mfn-ui-dark .mfn-icon-star {background-image:url(../_dark/svg/options/star.svg)} .mfn-ui-dark .mfn-icon-preview { background-image:url(../_dark/svg/options/preview.svg); } .mfn-ui-dark .mfn-icon-view-page { background-image:url(../_dark/svg/options/view-page.svg); } .mfn-ui-dark .mfn-icon-section { background-image:url(../_dark/svg/options/section.svg); } .mfn-ui-dark .mfn-icon-wrap { background-image:url(../_dark/svg/options/wrap.svg); } .mfn-ui-dark .mfn-icon-item { background-image:url(../_dark/svg/options/item.svg); } .mfn-ui-dark .mfn-icon-reset { background-image:url(../_dark/svg/options/reset.svg); } .mfn-ui-dark .mfn-icon-layout-grid { background-image:url(../_dark/svg/options/grid.svg); } .mfn-ui-dark .mfn-icon-layout-list { background-image:url(../_dark/svg/options/list.svg); } .mfn-ui-dark .mfn-icon-check { background-image:url(../_dark/svg/options/check.svg); } .mfn-ui-dark .mfn-icon-check-blue { background-image:url(../_dark/svg/options/check-blue.svg); } .mfn-ui-dark .mfn-icon-yes { background-image:url(../_dark/svg/options/yes.svg); } .mfn-ui-dark .mfn-icon-no { background-image:url(../_dark/svg/options/no.svg); } .mfn-ui-dark .mfn-icon-settings { background-image:url(../_dark/svg/others/settings.svg); } .mfn-ui-dark .mfn-icon-options { background-image:url(../_dark/svg/menu//options/options.svg); } .mfn-ui-dark .mfn-icon-support {background-image:url(../_dark/svg/others/support.svg)} .mfn-ui-dark .mfn-icon-changelog { background-image:url(../_dark/svg/others/changelog.svg); } .mfn-ui-dark .mfn-icon-card {background-image:url(../_dark/svg/others/card.svg)} .mfn-ui-dark .mfn-icon-dark-mode {background-image:url(../_dark/svg/others/dark-mode.svg)} .mfn-ui-dark .mfn-icon-grid-width {background-image:url(../_dark/svg/others/grid-width.svg)} .mfn-ui-dark .mfn-icon-simple-view {background-image:url(../_dark/svg/others/simple-view.svg)} .mfn-ui-dark .mfn-icon-hover-effects {background-image:url(../_dark/svg/others/hover-effects.svg)} .mfn-ui-dark .mfn-icon-precompleted-items {background-image:url(../_dark/svg/others/precompleted-items.svg)} .mfn-ui-dark .mfn-icon-add-big {background-image:url(../_dark/svg/others/add-big.svg)} .mfn-ui-dark .mfn-icon-clock {background-image:url(../_dark/svg/others/clock.svg)} .mfn-ui-dark .mfn-icon-predefined-sections {background-image:url(../_dark/svg/others/predefined-sections.svg)} .mfn-ui-dark .mfn-icon-export-import {background-image:url(../_dark/svg/others/export-import.svg)} .mfn-ui-dark .mfn-icon-menu {background-image:url(../_dark/svg/others/menu.svg)} .mfn-ui-dark .mfn-icon-menu-light {background-image:url(../_dark/svg/others/menu-light.svg)} .mfn-ui-dark .mfn-icon-intro-slider {background-image:url(../_dark/svg/others/intro-slider.svg)} .mfn-ui-dark .mfn-icon-shortcuts {background-image:url(../_dark/svg/others/shortcuts.svg)} .mfn-ui-dark .mfn-icon-navigation {background-image:url(../_dark/svg/others/navigation.svg)} .mfn-ui-dark .mfn-icon-right-click {background-image:url(../_dark/svg/others/right-click.svg)} .mfn-ui-dark .mfn-icon-preset {background-image:url(../_dark/svg/others/preset.svg)} .mfn-ui-dark .mfn-icon-preset-export-import {background-image:url(../_dark/svg/others/preset-export-import.svg)} .mfn-ui-dark .mfn-icon-register { background-image:url(../_dark/svg/others/register.svg); } .mfn-ui-dark .mfn-icon-register-light { background-image:url(../_dark/svg/others/register-light.svg); } .mfn-ui-dark .mfn-icon-password { background-image:url(../_dark/svg/others/password.svg); } .mfn-ui-dark .mfn-icon-password-light { background-image:url(../_dark/svg/others/password-light.svg); } .mfn-ui-dark .mfn-icon-plugins { background-image:url(../_dark/svg/others/plugins.svg); } .mfn-ui-dark .mfn-icon-system-status { background-image:url(../_dark/svg/others/system-status.svg); } .mfn-ui-dark .mfn-icon-notification { background-image:url(../_dark/svg/others/notification.svg); } .mfn-ui-dark .mfn-icon-community { background-image:url(../_dark/svg/others/community.svg); } .mfn-ui-dark .mfn-icon-be { background-image:url(../_dark/svg/others/be.svg); } .mfn-ui-dark .mfn-icon-support-faq { background-image:url(../_dark/svg/others/faq.svg); } .mfn-ui-dark .mfn-icon-video-tutorials { background-image:url(../_dark/svg/others/video-tutorials.svg); } .mfn-ui-dark .mfn-icon-setup-type { background-image:url(../_dark/svg/others/setup-type.svg); } .mfn-ui-dark .mfn-icon-basics { background-image:url(../_dark/svg/others/basics.svg); } .mfn-ui-dark .mfn-icon-layout { background-image:url(../_dark/svg/others/layout.svg); } .mfn-ui-dark .mfn-icon-design { background-image:url(../_dark/svg/others/design.svg); } .mfn-ui-dark .mfn-icon-complete { background-image:url(../_dark/svg/others/complete.svg); } .mfn-ui-dark .mfn-icon-finish { background-image:url(../_dark/svg/others/finish.svg); } .mfn-ui-dark .mfn-icon-addmedia { background-image:url(../_dark/svg/editor/image.svg) } .mfn-ui-dark .mfn-icon-bold {background-image:url(../_dark/svg/editor/bold.svg)} .mfn-ui-dark .mfn-icon-italic {background-image:url(../_dark/svg/editor/italic.svg)} .mfn-ui-dark .mfn-icon-underline {background-image:url(../_dark/svg/editor/underline.svg)} .mfn-ui-dark .mfn-icon-textcolor {background-image:url(../_dark/svg/editor/text-color.svg)} .mfn-ui-dark .mfn-icon-listordered {background-image:url(../_dark/svg/editor/ordered-list.svg)} .mfn-ui-dark .mfn-icon-listunordered {background-image:url(../_dark/svg/editor/unordered-list.svg)} .mfn-ui-dark .mfn-icon-link {background-image:url(../_dark/svg/editor/link.svg)} .mfn-ui-dark .mfn-icon-table {background-image:url(../_dark/svg/editor/table.svg)} .mfn-ui-dark .mfn-icon-break {background-image:url(../_dark/svg/editor/line-break.svg)} .mfn-ui-dark .mfn-icon-divider {background-image:url(../_dark/svg/editor/divider.svg)} .mfn-ui-dark .mfn-icon-lorem {background-image:url(../_dark/svg/editor/txt.svg)} .mfn-ui-dark .mfn-icon-undo {background-image:url(../_dark/svg/editor/undo.svg)} .mfn-ui-dark .mfn-icon-redo {background-image:url(../_dark/svg/editor/redo.svg)} .mfn-ui-dark .mfn-icon-align-left {background-image:url(../_dark/svg/editor/align-left.svg)} .mfn-ui-dark .mfn-icon-align-center {background-image:url(../_dark/svg/editor/align-center.svg)} .mfn-ui-dark .mfn-icon-align-right {background-image:url(../_dark/svg/editor/align-right.svg)} .mfn-ui-dark .mfn-icon-align-justify {background-image:url(../_dark/svg/editor/align-justify.svg)} .mfn-ui-dark .mfn-icon-format-h1 {background-image:url(../_dark/svg/editor/format-h1.svg)} .mfn-ui-dark .mfn-icon-format-h2 {background-image:url(../_dark/svg/editor/format-h2.svg)} .mfn-ui-dark .mfn-icon-format-h3 {background-image:url(../_dark/svg/editor/format-h3.svg)} .mfn-ui-dark .mfn-icon-format-h4 {background-image:url(../_dark/svg/editor/format-h4.svg)} .mfn-ui-dark .mfn-icon-format-h5 {background-image:url(../_dark/svg/editor/format-h5.svg)} .mfn-ui-dark .mfn-icon-format-h6 {background-image:url(../_dark/svg/editor/format-h6.svg)} .mfn-ui-dark .mfn-icon-format-p { background-image:url(../_dark/svg/editor/format-paragraph.svg) } .mfn-ui-dark .mfn-icon-format-p-big { background-image:url(../_dark/svg/editor/format-paragraph-big.svg) } .mfn-ui-dark .mfn-icon-format-code { background-image:url(../_dark/svg/editor/format-code.svg) } .mfn-ui-dark .mfn-icon-shortcode { background-image:url(../_dark/svg/editor/shortcode.svg) } .mfn-ui-dark .mfn-icon-rating-1 { background-image:url(../_dark/svg/rating/rating-1.svg) } .mfn-ui-dark .mfn-icon-rating-2 { background-image:url(../_dark/svg/rating/rating-2.svg) } .mfn-ui-dark .mfn-icon-rating-3 { background-image:url(../_dark/svg/rating/rating-3.svg) } .mfn-ui-dark .mfn-icon-rating-4 { background-image:url(../_dark/svg/rating/rating-4.svg) } .mfn-ui-dark .mfn-icon-rating-5 { background-image:url(../_dark/svg/rating/rating-5.svg) } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-global .mfn-icon {background-image:url(../_dark/svg/menu/options/global.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-header-subheader .mfn-icon {background-image:url(../_dark/svg/menu/options/header.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-mab .mfn-icon {background-image:url(../_dark/svg/menu/options/menu.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-sidebars .mfn-icon {background-image:url(../_dark/svg/menu/options/sidebars.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-bps .mfn-icon {background-image:url(../_dark/svg/menu/options/blog.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-shop .mfn-icon {background-image:url(../_dark/svg/menu/options/shop.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-pages .mfn-icon {background-image:url(../_dark/svg/menu/options/pages.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-footer .mfn-icon {background-image:url(../_dark/svg/menu/options/footer.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-search .mfn-icon {background-image:url(../_dark/svg/menu/options/search.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-responsive .mfn-icon {background-image:url(../_dark/svg/menu/options/responsive.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-seo .mfn-icon {background-image:url(../_dark/svg/menu/options/seo.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-social .mfn-icon {background-image:url(../_dark/svg/menu/options/social.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-addons-plugins .mfn-icon {background-image:url(../_dark/svg/menu/options/addons.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-colors .mfn-icon {background-image:url(../_dark/svg/menu/options/colors.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-font .mfn-icon {background-image:url(../_dark/svg/menu/options/fonts.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-translate .mfn-icon {background-image:url(../_dark/svg/menu/options/translate.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-custom .mfn-icon {background-image:url(../_dark/svg/menu/options/custom.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-gdpr .mfn-icon {background-image:url(../_dark/svg/menu/options/gdpr.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-performance .mfn-icon, .mfn-ui-dark .mfn-icon-performance {background-image:url(../_dark/svg/menu/options/performance.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-accessibility .mfn-icon {background-image:url(../_dark/svg/menu/options/accessibility.svg); } .mfn-ui-dark .mfn-menu nav ul li.mfn-menu-backup .mfn-icon {background-image:url(../_dark/svg/menu/options/backup.svg); } .mfn-ui-dark .mfn-icon-dashboard { background-image:url(../_dark/svg/menu/dashboard/dashboard.svg) } .mfn-ui-dark .mfn-icon-maintenance { background-image:url(../_dark/svg/menu/dashboard/maintenance.svg) } .mfn-ui-dark .mfn-icon-setup-wizzard { background-image:url(../_dark/svg/menu/dashboard/setup-wizzard.svg) } .mfn-ui-dark .mfn-icon-templates { background-image:url(../_dark/svg/menu/dashboard/templates.svg) } .mfn-ui-dark .mfn-icon-theme-options { background-image:url(../_dark/svg/menu/dashboard/theme-options.svg) } .mfn-ui-dark .mfn-icon-websites { background-image:url(../_dark/svg/menu/dashboard/websites.svg) } .mfn-ui-dark .mfn-item-accordion .card-icon, .mfn-ui-dark .mfn-icon-accordion, .mfn-ui-dark .mfn-modal[data-type="accordion"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/accordion.svg)} .mfn-ui-dark .mfn-item-article_box .card-icon, .mfn-ui-dark .mfn-icon-article-box, .mfn-ui-dark .mfn-modal[data-type="article_box"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/article-box.svg)} .mfn-ui-dark .mfn-item-before_after .card-icon, .mfn-ui-dark .mfn-icon-before-after, .mfn-ui-dark .mfn-modal[data-type="before_after"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/before-after.svg)} .mfn-ui-dark .mfn-item-blockquote .card-icon, .mfn-ui-dark .mfn-icon-blockquote, .mfn-ui-dark .mfn-modal[data-type="blockquote"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/blockquote.svg)} .mfn-ui-dark .mfn-item-blog .card-icon, .mfn-ui-dark .mfn-icon-blog, .mfn-ui-dark .mfn-modal[data-type="blog"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/blog.svg)} .mfn-ui-dark .mfn-item-blog_news .card-icon, .mfn-ui-dark .mfn-icon-blog-news, .mfn-ui-dark .mfn-modal[data-type="blog_news"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/blog-news.svg); } .mfn-ui-dark .mfn-item-blog_slider .card-icon, .mfn-ui-dark .mfn-icon-blog-slider, .mfn-ui-dark .mfn-modal[data-type="blog_slider"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/blog-slider.svg); } .mfn-ui-dark .mfn-item-blog_teaser .card-icon, .mfn-ui-dark .mfn-icon-blog-teaser, .mfn-ui-dark .mfn-modal[data-type="blog_teaser"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/blog-teaser.svg); } .mfn-ui-dark .mfn-item-button .card-icon, .mfn-ui-dark .mfn-icon-button, .mfn-ui-dark .mfn-modal[data-type="button"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/button.svg); } .mfn-ui-dark .mfn-item-call_to_action .card-icon, .mfn-ui-dark .mfn-icon-call-to-action, .mfn-ui-dark .mfn-modal[data-type="call_to_action"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/call-to-action.svg); } .mfn-ui-dark .mfn-item-chart .card-icon, .mfn-ui-dark .mfn-icon-chart, .mfn-ui-dark .mfn-modal[data-type="chart"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/chart.svg); } .mfn-ui-dark .mfn-item-clients .card-icon, .mfn-ui-dark .mfn-icon-clients, .mfn-ui-dark .mfn-modal[data-type="clients"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/clients.svg); } .mfn-ui-dark .mfn-item-clients_slider .card-icon, .mfn-ui-dark .mfn-icon-clients-slider, .mfn-ui-dark .mfn-modal[data-type="clients_slider"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/clients-slider.svg); } .mfn-ui-dark .mfn-item-code .card-icon, .mfn-ui-dark .mfn-icon-code, .mfn-ui-dark .mfn-modal[data-type="code"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/code.svg); } .mfn-ui-dark .mfn-item-column .card-icon, .mfn-ui-dark .mfn-icon-column, .mfn-ui-dark .mfn-modal[data-type="column"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/column.svg); } .mfn-ui-dark .mfn-item-contact_box .card-icon, .mfn-ui-dark .mfn-icon-contact-box, .mfn-ui-dark .mfn-modal[data-type="contact_box"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/contact-box.svg); } .mfn-ui-dark .mfn-item-content .card-icon, .mfn-ui-dark .mfn-icon-content, .mfn-ui-dark .mfn-modal[data-type="content"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/content.svg); } .mfn-ui-dark .mfn-item-countdown .card-icon, .mfn-ui-dark .mfn-icon-countdown, .mfn-ui-dark .mfn-modal[data-type="countdown"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/countdown.svg); } .mfn-ui-dark .mfn-item-counter .card-icon, .mfn-ui-dark .mfn-icon-counter, .mfn-ui-dark .mfn-modal[data-type="counter"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/counter.svg); } .mfn-ui-dark .mfn-item-divider .card-icon, .mfn-ui-dark .mfn-icon-divider, .mfn-ui-dark .mfn-modal[data-type="divider"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/divider.svg); } .mfn-ui-dark .mfn-item-divider_2 .card-icon, .mfn-ui-dark .mfn-icon-divider-2, .mfn-ui-dark .mfn-modal[data-type="divider_2"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/divider-2.svg); } .mfn-ui-dark .mfn-item-fancy_divider .card-icon, .mfn-ui-dark .mfn-icon-fancy-divider, .mfn-ui-dark .mfn-modal[data-type="fancy_divider"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/fancy-divider.svg); } .mfn-ui-dark .mfn-item-fancy_heading .card-icon, .mfn-ui-dark .mfn-icon-fancy-heading, .mfn-ui-dark .mfn-modal[data-type="fancy_heading"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/fancy-heading.svg); } .mfn-ui-dark .mfn-item-faq .card-icon, .mfn-ui-dark .mfn-icon-faq, .mfn-ui-dark .mfn-modal[data-type="faq"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/faq.svg); } .mfn-ui-dark .mfn-item-feature_box .card-icon, .mfn-ui-dark .mfn-icon-feature-box, .mfn-ui-dark .mfn-modal[data-type="feature_box"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/feature-box.svg); } .mfn-ui-dark .mfn-item-feature_list .card-icon, .mfn-ui-dark .mfn-icon-feature-list, .mfn-ui-dark .mfn-modal[data-type="feature_list"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/feature-list.svg); } .mfn-ui-dark .mfn-item-flat_box .card-icon, .mfn-ui-dark .mfn-icon-flat-box, .mfn-ui-dark .mfn-modal[data-type="flat_box"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/flat-box.svg); } .mfn-ui-dark .mfn-item-heading .card-icon, .mfn-ui-dark .mfn-icon-heading, .mfn-ui-dark .mfn-modal[data-type="heading"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/heading.svg); } .mfn-ui-dark .mfn-item-helper .card-icon, .mfn-ui-dark .mfn-icon-helper, .mfn-ui-dark .mfn-modal[data-type="helper"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/helper.svg); } .mfn-ui-dark .mfn-item-hover_box .card-icon, .mfn-ui-dark .mfn-icon-hover-box, .mfn-ui-dark .mfn-modal[data-type="hover_box"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/hover-box.svg); } .mfn-ui-dark .mfn-item-hover_color .card-icon, .mfn-ui-dark .mfn-icon-hover-color, .mfn-ui-dark .mfn-modal[data-type="hover_color"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/hover-color.svg); } .mfn-ui-dark .mfn-item-how_it_works .card-icon, .mfn-ui-dark .mfn-icon-how-it-works, .mfn-ui-dark .mfn-modal[data-type="how_it_works"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/how-it-works.svg); } .mfn-ui-dark .mfn-item-icon_box .card-icon, .mfn-ui-dark .mfn-icon-icon-box, .mfn-ui-dark .mfn-modal[data-type="icon_box"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/icon-box.svg); } .mfn-ui-dark .mfn-item-icon_box_2 .card-icon, .mfn-ui-dark .mfn-icon-icon-box-2, .mfn-ui-dark .mfn-modal[data-type="icon_box_2"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/icon-box-2.svg); } .mfn-ui-dark .mfn-item-image .card-icon, .mfn-ui-dark .mfn-icon-image, .mfn-ui-dark .mfn-modal[data-type="image"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/image.svg); } .mfn-ui-dark .mfn-item-image_gallery .card-icon, .mfn-ui-dark .mfn-icon-image-gallery, .mfn-ui-dark .mfn-modal[data-type="image_gallery"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/image-gallery.svg); } .mfn-ui-dark .mfn-item-info_box .card-icon, .mfn-ui-dark .mfn-icon-info-box, .mfn-ui-dark .mfn-modal[data-type="info_box"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/info-box.svg); } .mfn-ui-dark .mfn-item-list .card-icon, .mfn-ui-dark .mfn-icon-list, .mfn-ui-dark .mfn-modal[data-type="list"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/list.svg); } .mfn-ui-dark .mfn-item-list_2 .card-icon, .mfn-ui-dark .mfn-icon-list-2, .mfn-ui-dark .mfn-modal[data-type="list_2"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/list-2.svg); } .mfn-ui-dark .mfn-item-lottie .card-icon, .mfn-ui-dark .mfn-icon-lottie, .mfn-ui-dark .mfn-modal[data-type="lottie"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/lottie.svg); } .mfn-ui-dark .mfn-item-map_basic .card-icon, .mfn-ui-dark .mfn-icon-map-basic, .mfn-ui-dark .mfn-modal[data-type="map_basic"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/map-basic.svg); } .mfn-ui-dark .mfn-item-map .card-icon, .mfn-ui-dark .mfn-icon-map, .mfn-ui-dark .mfn-modal[data-type="map"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/map.svg); } .mfn-ui-dark .mfn-item-offer .card-icon, .mfn-ui-dark .mfn-icon-offer, .mfn-ui-dark .mfn-modal[data-type="offer"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/offer.svg); } .mfn-ui-dark .mfn-item-offer_thumb .card-icon, .mfn-ui-dark .mfn-icon-offer-thumb, .mfn-ui-dark .mfn-modal[data-type="offer_thumb"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/offer-thumb.svg); } .mfn-ui-dark .mfn-item-opening_hours .card-icon, .mfn-ui-dark .mfn-icon-opening-hours, .mfn-ui-dark .mfn-modal[data-type="opening_hours"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/opening-hours.svg); } .mfn-ui-dark .mfn-item-our_team .card-icon, .mfn-ui-dark .mfn-icon-our-team, .mfn-ui-dark .mfn-modal[data-type="our_team"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/our-team.svg); } .mfn-ui-dark .mfn-item-our_team_list .card-icon, .mfn-ui-dark .mfn-icon-our-team-list, .mfn-ui-dark .mfn-modal[data-type="our_team_list"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/our-team-list.svg); } .mfn-ui-dark .mfn-item-payment_methods .card-icon, .mfn-ui-dark .mfn-icon-payment_methods, .mfn-ui-dark .mfn-modal[data-type="payment_methods"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/payment-methods.svg); } .mfn-ui-dark .mfn-item-photo_box .card-icon, .mfn-ui-dark .mfn-icon-photo-box, .mfn-ui-dark .mfn-modal[data-type="photo_box"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/photo-box.svg); } .mfn-ui-dark .mfn-item-placeholder .card-icon, .mfn-ui-dark .mfn-icon-placeholder, .mfn-ui-dark .mfn-modal[data-type="placeholder"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/placeholder.svg); } .mfn-ui-dark .mfn-item-portfolio .card-icon, .mfn-ui-dark .mfn-icon-portfolio, .mfn-ui-dark .mfn-modal[data-type="portfolio"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/portfolio.svg); } .mfn-ui-dark .mfn-item-portfolio_grid .card-icon, .mfn-ui-dark .mfn-icon-portfolio-grid, .mfn-ui-dark .mfn-modal[data-type="portfolio_grid"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/portfolio-grid.svg); } .mfn-ui-dark .mfn-item-portfolio_photo .card-icon, .mfn-ui-dark .mfn-icon-portfolio-photo, .mfn-ui-dark .mfn-modal[data-type="portfolio_photo"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/portfolio-photo.svg); } .mfn-ui-dark .mfn-item-portfolio_slider .card-icon, .mfn-ui-dark .mfn-icon-portfolio-slider, .mfn-ui-dark .mfn-modal[data-type="portfolio_slider"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/portfolio-slider.svg); } .mfn-ui-dark .mfn-item-pricing_item .card-icon, .mfn-ui-dark .mfn-icon-pricing-item, .mfn-ui-dark .mfn-modal[data-type="pricing_item"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/pricing-item.svg); } .mfn-ui-dark .mfn-item-progress_bars .card-icon, .mfn-ui-dark .mfn-icon-progress-bars, .mfn-ui-dark .mfn-modal[data-type="progress_bars"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/progress-bars.svg); } .mfn-ui-dark .mfn-item-promo_box .card-icon, .mfn-ui-dark .mfn-icon-promo-box, .mfn-ui-dark .mfn-modal[data-type="promo_box"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/promo-box.svg); } .mfn-ui-dark .mfn-item-quick_fact .card-icon, .mfn-ui-dark .mfn-icon-quick-fact, .mfn-ui-dark .mfn-modal[data-type="quick_fact"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/quick-fact.svg); } .mfn-ui-dark .mfn-item-shop .card-icon, .mfn-ui-dark .mfn-icon-shop, .mfn-ui-dark .mfn-modal[data-type="shop"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/shop.svg); } .mfn-ui-dark .mfn-item-table_of_contents .card-icon, .mfn-ui-dark .mfn-icon-table-of-contents, .mfn-ui-dark .mfn-modal[data-type="table_of_contents"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/table-of-contents.svg); } .mfn-ui-dark .mfn-item-shop_slider .card-icon, .mfn-ui-dark .mfn-icon-shop-slider, .mfn-ui-dark .mfn-modal[data-type="shop_slider"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/shop-slider.svg); } .mfn-ui-dark .mfn-item-sidebar_widget .card-icon, .mfn-ui-dark .mfn-icon-sidebar-widget, .mfn-ui-dark .mfn-modal[data-type="sidebar_widget"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/sidebar-widget.svg); } .mfn-ui-dark .mfn-item-slider .card-icon, .mfn-ui-dark .mfn-icon-slider, .mfn-ui-dark .mfn-modal[data-type="slider"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/slider.svg); } .mfn-ui-dark .mfn-item-slider_plugin .card-icon, .mfn-ui-dark .mfn-icon-slider-plugin, .mfn-ui-dark .mfn-modal[data-type="slider_plugin"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/slider-plugin.svg); } .mfn-ui-dark .mfn-item-sliding_box .card-icon, .mfn-ui-dark .mfn-icon-sliding-box, .mfn-ui-dark .mfn-modal[data-type="sliding_box"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/sliding-box.svg); } .mfn-ui-dark .mfn-item-story_box .card-icon, .mfn-ui-dark .mfn-icon-story-box, .mfn-ui-dark .mfn-modal[data-type="story_box"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/story-box.svg); } .mfn-ui-dark .mfn-item-tabs .card-icon, .mfn-ui-dark .mfn-icon-tabs, .mfn-ui-dark .mfn-modal[data-type="tabs"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/tabs.svg); } .mfn-ui-dark .mfn-item-testimonials .card-icon, .mfn-ui-dark .mfn-icon-testimonials, .mfn-ui-dark .mfn-modal[data-type="testimonials"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/testimonials.svg); } .mfn-ui-dark .mfn-item-testimonials_list .card-icon, .mfn-ui-dark .mfn-icon-testimonials-list, .mfn-ui-dark .mfn-modal[data-type="testimonials_list"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/testimonials-list.svg); } .mfn-ui-dark .mfn-item-timeline .card-icon, .mfn-ui-dark .mfn-icon-timeline, .mfn-ui-dark .mfn-modal[data-type="timeline"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/timeline.svg); } .mfn-ui-dark .mfn-item-trailer_box .card-icon, .mfn-ui-dark .mfn-icon-trailer-box, .mfn-ui-dark .mfn-modal[data-type="trailer_box"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/trailer-box.svg); } .mfn-ui-dark .mfn-item-video .card-icon, .mfn-ui-dark .mfn-icon-video, .mfn-ui-dark .mfn-modal[data-type="video"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/video.svg); } .mfn-ui-dark .mfn-item-visual .card-icon, .mfn-ui-dark .mfn-icon-visual, .mfn-ui-dark .mfn-modal[data-type="visual"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/visual.svg); } .mfn-ui-dark .mfn-item-zoom_box .card-icon, .mfn-ui-dark .mfn-icon-zoom-box, .mfn-ui-dark .mfn-modal[data-type="zoom_box"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/zoom-box.svg); } .mfn-ui-dark .mfn-item-livesearch .card-icon, .mfn-ui-dark .mfn-icon-livesearch, .mfn-ui-dark .mfn-modal[data-type="livesearch"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/livesearch.svg); } .mfn-ui-dark .mfn-item-product_title .card-icon, .mfn-ui-dark .mfn-icon-product-title, .mfn-ui-dark .mfn-modal[data-type="product_title"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/product-title.svg)} .mfn-ui-dark .mfn-item-product_images .card-icon, .mfn-ui-dark .mfn-icon-product-images, .mfn-ui-dark .mfn-modal[data-type="product_images"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/product-images.svg)} .mfn-ui-dark .mfn-item-product_price .card-icon, .mfn-ui-dark .mfn-icon-product-price, .mfn-ui-dark .mfn-modal[data-type="product_price"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/product-price.svg)} .mfn-ui-dark .mfn-item-product_cart_button .card-icon, .mfn-ui-dark .mfn-icon-product-cart-button, .mfn-ui-dark .mfn-modal[data-type="product_cart_button"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/product-cart-button.svg)} .mfn-ui-dark .mfn-item-product_rating .card-icon, .mfn-ui-dark .mfn-icon-product-rating, .mfn-ui-dark .mfn-modal[data-type="product_rating"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/product-rating.svg)} .mfn-ui-dark .mfn-item-product_stock .card-icon, .mfn-ui-dark .mfn-icon-product-stock, .mfn-ui-dark .mfn-modal[data-type="product_stock"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/product-stock.svg)} .mfn-ui-dark .mfn-item-product_meta .card-icon, .mfn-ui-dark .mfn-icon-product-meta, .mfn-ui-dark .mfn-modal[data-type="product_meta"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/product-meta.svg)} .mfn-ui-dark .mfn-item-product_short_description .card-icon, .mfn-ui-dark .mfn-icon-product-short-description, .mfn-ui-dark .mfn-modal[data-type="product_short_description"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/product-short-description.svg)} .mfn-ui-dark .mfn-item-product_content .card-icon, .mfn-ui-dark .mfn-icon-product-content, .mfn-ui-dark .mfn-modal[data-type="product_content"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/product-content.svg)} .mfn-ui-dark .mfn-item-product_additional_information .card-icon, .mfn-ui-dark .mfn-icon-product-additional-information, .mfn-ui-dark .mfn-modal[data-type="product_additional_information"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/product-additional-information.svg)} .mfn-ui-dark .mfn-item-product_related .card-icon, .mfn-ui-dark .mfn-icon-product-related, .mfn-ui-dark .mfn-modal[data-type="product_related"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/product-related.svg)} .mfn-ui-dark .mfn-item-product_upsells .card-icon, .mfn-ui-dark .mfn-icon-product-upsells, .mfn-ui-dark .mfn-modal[data-type="product_upsells"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/product-upsells.svg)} .mfn-ui-dark .mfn-item-product_breadcrumbs .card-icon, .mfn-ui-dark .mfn-icon-product-breadcrumbs, .mfn-ui-dark .mfn-modal[data-type="product_breadcrumbs"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/product-breadcrumbs.svg)} .mfn-ui-dark .mfn-item-shop_categories .card-icon, .mfn-ui-dark .mfn-icon-shop-categories, .mfn-ui-dark .mfn-modal[data-type="shop_categories"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/shop-categories.svg)} .mfn-ui-dark .mfn-item-shop_products .card-icon, .mfn-ui-dark .mfn-icon-shop-products, .mfn-ui-dark .mfn-modal[data-type="shop_products"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/shop-products.svg)} .mfn-ui-dark .mfn-item-shop_title .card-icon, .mfn-ui-dark .mfn-icon-shop-title, .mfn-ui-dark .mfn-modal[data-type="shop_title"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/shop-title.svg)} .mfn-ui-dark .mfn-item-product_reviews .card-icon, .mfn-ui-dark .mfn-icon-product-reviews, .mfn-ui-dark .mfn-modal[data-type="product_reviews"] .modalbox-title-group .modalbox-icon {background-image:url(../_dark/svg/items/product-reviews.svg)} /* ---------- DARK ---------- */ /* Button classes */ .mfn-ui-dark .mfn-btn.loading:after, .mfn-ui-dark a.mfn-option-btn.loading:after { background-image: url(../_dark/svg/others/loading.svg) !important; } .mfn-ui-dark .mfn-register-now .mfn-register-now-icon { background-image: url(../_dark/svg/others/register-now.svg); } /* ---------- RTL ---------- */ .rtl .mfn-options { margin-left: 0px; margin-right: -21px; } .rtl .mfn-ui .mfn-form .visual-options ul li{float:right} .rtl .mfn-ui .mfn-form .form-content .form-group{margin-left:30px;margin-right:0} .rtl .mfn-ui .mfn-card .card-title-group .card-icon{margin-left:10px;margin-right:0} .rtl .mfn-ui .mfn-modalbox .modalbox-title-group .modalbox-icon{margin-left:10px;margin-right:0} .rtl .mfn-ui .mfn-modalbox .modalbox-header .btn-modal-close{left:20px;right:auto} .rtl .mfn-ui .mfn-modalbox .options-group:last-child{margin-right:10px;margin-left:0} .rtl .mfn-ui .mfn-modalbox .options-group:first-child{margin-left:10px;margin-right:0} .rtl .mfn-ui .modal-select-icon .modalbox-search{margin-left:initial!important;margin-right:auto!important} .rtl .mfn-ui .modal-select-icon .modalbox-search .form-control:first-child{margin-left:10px;margin-right:0} .rtl .mfn-ui .mfn-register-now{left:auto;right:160px} .rtl.folded .mfn-ui .mfn-register-now{left:auto;right:36px} .rtl .mfn-ui .mfn-form .has-addons-prepend .mfn-form-control{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:0;border-bottom-right-radius:0} .rtl .mfn-ui .mfn-form .has-addons-append .mfn-form-control{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px} .rtl .mfn-ui .mfn-form .form-addon-append span.label{border-radius:3px 0 0 3px;border-width:1px 0 1px 1px} .rtl .mfn-ui .mfn-form .form-addon-prepend span.label{border-radius:0 3px 3px 0;border-width:1px 1px 1px 0} .rtl .mfn-ui .mfn-form .checkboxes ul li{padding:7px 43px 7px 15px} .rtl .mfn-ui .mfn-form .checkboxes ul li:before{left:auto;right:13px} .rtl .mfn-ui .mfn-form .checkboxes ul li:after{left:auto;right:11px} .rtl .mfn-ui .mfn-form .range-slider .mfn-form-control{margin-left:20px;margin-right:0} .rtl .mfn-ui .mfn-form .range-slider .ui-slider{margin-left:10px;margin-right:0} .rtl .mfn-ui .mfn-form .segmented-options ul li:first-child a{border-radius:0 3px 3px 0} .rtl .mfn-ui .mfn-form .segmented-options ul li:last-child a{border-radius:3px 0 0 3px} .rtl .mfn-ui .mfn-form .segmented-options ul li:not(:first-child) a{border-right:0;border-left:1px solid #e4e9ee} .rtl .mfn-ui .mfn-form .sidebar-add .added-sidebars ul li{padding:7px 15px 7px 50px} .rtl .mfn-ui .mfn-form .sidebar-add .added-sidebars ul li a.mfn-option-btn{right:auto;left:7px} .rtl .mfn-ui .mfn-form .mfn-form-number{padding-left:10px;padding-right:15px} .rtl .mfn-ui .mfn-form .has-icon-left a.mfn-option-btn{right:9px;left:auto} .rtl .mfn-ui .mfn-form .has-icon-right a.mfn-option-btn{left:9px;right:auto} .rtl .mfn-ui .mfn-form .mfn-form-select{padding-right:15px;padding-left:30px} .rtl .mfn-ui .mfn-form .mfn-form-input[type="number"] { padding-right: 15px; padding-left: 10px; text-align: right; } .rtl .mfn-ui .mfn-form .typography .form-addon-append { margin-right: 0; margin-left: 10px; } .rtl .mfn-ui .mfn-form .typography .form-control-font { margin-right: 0; margin-left: 10px; } .rtl .mfn-ui .mfn-form .typography .form-control:after { left: auto; right: 0; } .rtl .mfn-ui [data-tooltip][data-position="left"]:before { transform: translate(0, -50%); left: 100%; bottom: auto; right: auto; top: 50%; } .rtl .mfn-ui [data-tooltip][data-position="left"]:hover:before, .rtl .mfn-ui [data-tooltip][data-position="left"]:focus:before { transform: translate(10px, -50%); } .rtl .mfn-ui [data-tooltip][data-position="left"]:after { transform: translate(-5px, -5px) rotate(45deg); left: 100%; bottom: auto; right: auto; top: 50%; } .rtl .mfn-ui [data-tooltip][data-position="left"]:hover:after, .rtl .mfn-ui [data-tooltip][data-position="left"]:focus:after { transform: translate(60%, -5px) rotate(45deg); } .rtl .mfn-ui .mfn-btn.btn-icon-left .mfn-icon { margin-right: 0; margin-left: 10px; } .rtl .mfn-ui .mfn-btn.btn-icon-right .mfn-icon { margin-left: 0; margin-right: 10px; } /* Options ----------*/ .rtl .mfn-options .mfn-subheader .subheader-buttons{margin-right:auto;margin-left:inherit} .rtl .mfn-options .mfn-subheader .subheader-buttons .btn-save-changes{margin-left:0;margin-right:20px} .rtl .mfn-options .mfn-menu nav > ul > li ul.mfn-submenu{margin:10px 47px 10px 20px} .rtl .mfn-options .mfn-menu nav > ul > li ul.mfn-submenu li a:before{left:auto;right:0} .rtl .mfn-options .mfn-menu nav > ul > li ul.mfn-submenu li a{padding:3px 20px 3px 5px} /* Builder ----------*/ .rtl .mfn-ui .mfn-placeholder, .rtl .mfn-ui .mfn-wrap, .rtl .mfn-ui .mfn-item{float:right} .rtl .mfn-builder .mfn-menu { left: 0; right: auto; border-right: 1px solid #e6e9f0; border-left: 0; } .rtl .mfn-builder .mfn-wrapper { margin-left: 57px; margin-right: 0; } .rtl .mfn-builder .mfn-item .item-header, .rtl .mfn-builder .mfn-wrap .wrap-header { right: -1px; left: auto; } .rtl .mfn-builder .mfn-header a.mfn-option-btn, .rtl .mfn-builder .mfn-header .header-label, .rtl .mfn-builder .mfn-header .mfn-option-dropdown { float: right; } .rtl .mfn-builder a.mfn-option-btn, .rtl .mfn-builder .mfn-option-dropdown { margin-right: 2px; margin-left: 0; } .rtl .mfn-builder a.mfn-option-btn:first-child { margin-right: 0; } .rtl .mfn-builder .mfn-option-dropdown .dropdown-wrapper { right: auto; left: 0; } .rtl .mfn-builder .editor-header .mfn-option-dropdown .dropdown-wrapper { right: 0; } .rtl .mfn-builder .mfn-option-dropdown .dropdown-wrapper .mfn-icon { margin-right: 0; margin-left: 5px; } .rtl .mfn-builder .mfn-modalbox .options-group.right{margin-left: 0; margin-right: auto;} .rtl .mfn-builder .modal-export-import .modalbox-tabber { margin-left: 0 !important; margin-right: auto !important; } .rtl .mfn-builder .mfn-modalbox ul.modalbox-items li { float: right; } .rtl .mfn-builder h1, .rtl .mfn-builder h2, .rtl .mfn-builder h3, .rtl .mfn-builder h4, .rtl .mfn-builder h5, .rtl .mfn-builder h6 { font-family: inherit; } .rtl .mfn-builder .preview-group.content .item-preview-content ul, .rtl .mfn-builder .preview-group.content .item-preview-content ol { margin: 0 20px 10px 0; } .rtl .mfn-builder .preview-group.content .item-preview-tabs { text-align: right; } .rtl .mfn-builder .mfn-item .preview-group.content .item-preview-tabs li:before { margin-left: 10px; margin-right: 0; } .rtl .mfn-builder .mfn-item.mfn-cat-loops p.item-preview-placeholder-parent .item-preview-number { left: 8%; right: auto; } .rtl .mfn-builder .mfn-item.mfn-cat-loops p.item-preview-placeholder-parent .item-preview-number { left: 8%; right: auto; } .rtl .mfn-builder .mfn-item.mfn-item-blog_news p.item-preview-placeholder-parent .item-preview-number, .rtl .mfn-builder .mfn-item.mfn-item-portfolio_grid p.item-preview-placeholder-parent .item-preview-number { left: 0px; right: auto; } .rtl .mfn-builder .mfn-item.mfn-item-column .preview-group, .rtl .mfn-builder .mfn-item.mfn-item-button .preview-group, .rtl .mfn-builder .mfn-item.mfn-item-image .preview-group { text-align: right; } .rtl .mfn-builder .mfn-item.mfn-item-opening_hours .preview-group, .rtl .mfn-builder .mfn-item.mfn-item-visual .preview-group, .rtl .mfn-builder .mfn-item.mfn-item-info_box .preview-group, .rtl .mfn-builder .mfn-item.mfn-item-faq .preview-group.content, .rtl .mfn-builder .mfn-item.mfn-item-accordion .preview-group.content, .rtl .mfn-builder .mfn-item.mfn-item-progress_bars .preview-group.content { text-align: right; } .rtl .mfn-builder .mfn-item.mfn-item-our_team_list .preview-group { text-align: right; padding-left: 0; padding-right: 5%; } .rtl .mfn-builder .mfn-form .mfn-pills-field .mfn-pills-input { text-align: right; } .rtl .mfn-builder .mfn-form .mfn-pills-field span { padding: 1px 1px 1px 7px; } .rtl .CodeMirror { text-align: right; } .rtl .mfn-ui .mfn-form .settings > .mfn-icon { margin-right: 0; margin-left: 20px; } .rtl .mfn-ui .mfn-form .settings .setting-label .info-changed { left: 15px; right: auto; } .rtl .mfn-ui .modal-settings .saving .setting-label:after { left: 10px; right: auto; } .rtl .mfn-ui ul.mfn-revisions-list { margin: 0 20px 0 2%; } .rtl .mfn-ui ul.mfn-revisions-list li { border-right: 2px dotted #eceff5; border-left: 0; padding: 8px 36px 8px 8px; } .rtl .mfn-ui ul.mfn-revisions-list li .revision-icon { left: auto; right: -18px; margin-right: 0; margin-left: 10px; } .rtl .mfn-ui ul.mfn-revisions-list li .revision:before { left: auto; right: -18px; } .rtl .mfn-ui ul.mfn-revisions-list li a.mfn-btn-restore { position: absolute; right: auto; left: 11px; top: 11px; } .rtl .mfn-ui .mfn-modalbox ul.modalbox-sections li .desc .mfn-btn-insert { margin-right: auto; margin-left: 0; } .rtl .postbox-header .postbox-header-hint{right:auto;left:0;} /* DO NOT DELETE IT, used on some other pages than builder */ /* Survey */ .mfn-survey{position:relative;padding:25px 30px 25px 200px;background-color:#fff;border-radius:10px;margin:40px 20px 0 0;background-image:url(../svg/survey-25.svg);background-repeat:no-repeat;background-position:50px center;background-size:100px} .mfn-survey h3{margin-top:0} .mfn-survey .mfn-button{margin-bottom:0} .mfn-survey .close{position:absolute;right:10px;top:10px;color:#000} /* Admin Bar | Under Construction notice */ #wpadminbar .mfn-notice{background:#e00018} #wpadminbar .mfn-notice a:focus,#wpadminbar .mfn-notice:hover a{background:red!important;color:#fff!important} .betheme_page_be-options #wpbody-content > .notice, .betheme_page_be-options #wpbody-content > div.error, .betheme_page_be-options #wpbody-content > div.updated, .theme_page_be-options #wpbody-content > .notice, .theme_page_be-options #wpbody-content > div.error, .theme_page_be-options #wpbody-content > div.updated{display:none !important} /* Remove frontend for some post types */ .taxonomy-client-types .table-view-list .view, .taxonomy-offer-types .table-view-list .view, .taxonomy-slide-types .table-view-list .view, .taxonomy-testimonial-types .table-view-list .view{display:none} /* White Label */ .white-label .mfn-options .mfn-menu .menu-heading, .white-label .mfn-options .mfn-subheader .subheader-buttons .btn-only-icon{display:none!important} .white-label .mfn-builder .mfnb-logo, .white-label .mfn-builder .mfn-section-start h2, .white-label .postbox-header .postbox-header-hint{visibility:hidden!important;height:0} .white-label .mfn-builder .modal-settings .mfn-row:last-child, .white-label .mfn-builder .mfn-intro-overlay, .white-label .mfn-builder .mfn-section-start .view-tutorial{display:none!important} /* Menu | Muffin Mega Menu */ .field-mfn-megamenu .description{font-size:11px;color:#939393} .menu-item:not(.menu-item-depth-0) .field-mfn-mm-display { display: none; } /* "Mega menu display" only for 1st level */ /* Messages */ .mfn-message{border-left:3px solid transparent;margin:20px 0;padding:20px;font-size:15px;line-height:21px;font-weight:300} .mfn-message a{box-shadow:0 0 0 0 transparent} .mfn-message span{font-weight:500} .mfn-message.first{margin-top:0} .mfn-message.info{background:#dce7f7;border-left-color:#b9cbe4} .mfn-message.plugin{background:#34495e;color:#fff} .mfn-message.plugin a{color:#fff} .mfn-message.mfn-error{background:#fce6e6;border-left-color:#fb5455!important} .mfn-message.mfn-error a{color:#bc2b2c} .mfn-message.mfn-success{background:#F9FFF0;border-left-color:#8FC944} .mfn-message.mfn-success a{color:#8FC944} .mfn-message.small{padding:15px;font-size:13px;line-height:17px} /* Bundled plugins */ .bundled-ls .ls-plugin-update-row, .bundled-ls .layerslider_notice, .bundled-ls .status.not-activated{display:none!important} .bundled-rev #revslider-update, .bundled-rev .rs_wp_plg_act_wrapper, .bundled-rev #rso_menu_notices{display:none!important} .bundled-wpb .vc_license-activation-notice{display:none!important} .bundled-wpb #js_composer-update .update-message{visibility:hidden;height:0;margin:0;padding:0} /* TinyMCE 4 */ .mce-tinymce .mce-i-mfn-sc{background:url(images/ico-shortcode.png) no-repeat center} .mce-tinymce .mce-wp-fullscreen,.wp-editor-container .qt-fullscreen{display:none} .mfn-popup .mfn-switch-editor{color:#939393!important;display:block;line-height:12px;margin-bottom:10px;text-align:right;text-decoration:none} .mfn-popup .mfn-switch-editor span{display:block;font-size:70%} .mfn-popup #mfn-editor_ifr{height:200px!important} .mfn-popup .mce-wp-dfw{display:none!important} .mfn-popup textarea.editor{max-width:100%!important;width:100%!important} /* Visual Composer | WPBakery Page Builder */ .wpb_alert.wpb_content_element{background-color:inherit;border:none;color:inherit;padding:0;text-shadow:0 0 0 0} .vc_panel-body .icon-remove:before{content:""} .vc_element-icon{background-size:100% auto} .wpb_vc_column .vc_element-icon{margin:0 14px 0 4px !important} .wpb_vc_column .vc_element-icon.mfn-vc-icon-article_box, .wpb_vc_column .vc_element-icon.mfn-vc-icon-blockquote, .wpb_vc_column .vc_element-icon.mfn-vc-icon-blog, .wpb_vc_column .vc_element-icon.mfn-vc-icon-call_to_action, .wpb_vc_column .vc_element-icon.mfn-vc-icon-chart, .wpb_vc_column .vc_element-icon.mfn-vc-icon-contact_box, .wpb_vc_column .vc_element-icon.mfn-vc-icon-countdown, .wpb_vc_column .vc_element-icon.mfn-vc-icon-counter, .wpb_vc_column .vc_element-icon.mfn-vc-icon-fancy_heading, .wpb_vc_column .vc_element-icon.mfn-vc-icon-flat_box, .wpb_vc_column .vc_element-icon.mfn-vc-icon-hover_box, .wpb_vc_column .vc_element-icon.mfn-vc-icon-icon_box, .wpb_vc_column .vc_element-icon.mfn-vc-icon-info_box, .wpb_vc_column .vc_element-icon.mfn-vc-icon-alert, .wpb_vc_column .vc_element-icon.mfn-vc-icon-list, .wpb_vc_column .vc_element-icon.mfn-vc-icon-map, .wpb_vc_column .vc_element-icon.mfn-vc-icon-offer, .wpb_vc_column .vc_element-icon.mfn-vc-icon-opening_hours, .wpb_vc_column .vc_element-icon.mfn-vc-icon-our_team, .wpb_vc_column .vc_element-icon.mfn-vc-icon-our_team_list, .wpb_vc_column .vc_element-icon.mfn-vc-icon-photo_box, .wpb_vc_column .vc_element-icon.mfn-vc-icon-pricing_item, .wpb_vc_column .vc_element-icon.mfn-vc-icon-progress_bars, .wpb_vc_column .vc_element-icon.mfn-vc-icon-promo_box, .wpb_vc_column .vc_element-icon.mfn-vc-icon-quick_fact, .wpb_vc_column .vc_element-icon.mfn-vc-icon-sliding_box, .wpb_vc_column .vc_element-icon.mfn-vc-icon-trailer_box, .wpb_vc_column .vc_element-icon.mfn-vc-icon-clients, .wpb_vc_column .vc_element-icon.mfn-vc-icon-feature_list, .wpb_vc_column .vc_element-icon.mfn-vc-icon-portfolio, .wpb_vc_column .vc_element-icon.mfn-vc-icon-how_it_works{width:40px!important;height:35px!important;margin:0 10px 0 0 !important} /* TGMPA */ .tgmpa.wrap .mfn-tgm-message{background:#dce7f7 none repeat scroll 0 0;border-left:3px solid #b9cbe4;margin:20px 0;padding:20px;font-size:21px;font-weight:300} body:not(.betheme_page_be-tgmpa) #adminmenu .wp-submenu a[href$="-tgmpa"] { display: none; } /* end: DO NOT DELETE IT, used on some other pages than builder */ /* Templates */ .mfn-admin-template-list.has-googlefonts .wrap { font-family: 'Poppins',sans-serif; } .mfn-admin-template-list .wrap h1.wp-heading-inline { color: var(--mfn-ui-heading); } .mfn-admin-template-list .wrap .page-title-action { border: 1px solid #72a5d8; color: #fff; background: #72a5d8; font-weight: 500; } .mfn-admin-template-list .wrap .page-title-action:hover { background: #5388be; border-color: #5388be; color: #fff; } .mfn-admin-template-list .subsubsub a .count, .mfn-admin-template-list .subsubsub a.current .count { color: var(--mfn-ui-text-color-2); } .mfn-admin-template-list .ac_match, .mfn-admin-template-list .subsubsub a.current { color: var(--mfn-ui-heading); } .mfn-admin-template-list a, .mfn-admin-template-list .button-link { color: var(--mfn-ui-link); } .mfn-admin-template-list a:hover, .mfn-admin-template-list .button-link:hover { color: var(--mfn-ui-link-hover); } .mfn-admin-template-list.edit-php .wrap { max-width: 1140px; padding: 50px 30px 0; margin: 0 auto; position: relative; } .mfn-admin-template-list .widefat tfoot tr td, .mfn-admin-template-list .widefat tfoot tr th, .mfn-admin-template-list .widefat thead tr td, .mfn-admin-template-list .widefat thead tr th { color: var(--mfn-ui-heading); } .mfn-admin-template-list .widefat td, .mfn-admin-template-list .widefat th { color: var(--mfn-ui-text-color); } .mfn-admin-template-list #posts-filter { color: var(--mfn-ui-text-color); } .mfn-admin-template-list #posts-filter select, .mfn-admin-template-list #posts-filter input { border: 1px solid var(--mfn-ui-input-border); color: var(--mfn-ui-input-color); background-color: var(--mfn-ui-input-bg); } .mfn-admin-template-list #posts-filter select:hover, .mfn-admin-template-list #posts-filter input:hover {border-color:var(--mfn-ui-input-hover-border)} .mfn-admin-template-list #posts-filter select:focus, .mfn-admin-template-list #posts-filter input:focus{border-color:var(--mfn-ui-input-focus-border);color:var(--mfn-ui-input-focus-color);box-shadow:0 0 0 2px var(--mfn-ui-input-focus-shadow);outline:none} .mfn-admin-template-list #posts-filter .button { background: var(--mfn-ui-btn-bg); color: var(--mfn-ui-btn-color); border-color: transparent; } .mfn-admin-template-list #posts-filter .button:hover { background: var(--mfn-ui-btn-bg-hover); color: var(--mfn-ui-btn-color-hover); border-color: transparent; } .mfn-admin-template-list #posts-filter .button.disabled { background: var(--mfn-ui-input-disabled-bg) !important; color: var(--mfn-ui-input-disabled-color) !important; border-color: transparent !important; } .mfn-admin-template-list .widefat { border-spacing: 0 10px; background: transparent; border: 0; box-shadow: unset; } .mfn-admin-template-list .widefat thead td, .mfn-admin-template-list .widefat thead th { border-bottom: 1px solid var(--mfn-ui-border-1); } .mfn-admin-template-list .widefat tfoot td, .mfn-admin-template-list .widefat tfoot th { border-top: 1px solid var(--mfn-ui-border-1); } .mfn-admin-template-list .widefat tr td, .mfn-admin-template-list .widefat tr th { padding: 12px 10px; vertical-align: middle; } .mfn-admin-template-list .widefat tbody tr { box-shadow: var(--mfn-ui-shadow-1); transition: box-shadow 0.2s ease-in-out; background: transparent; } .mfn-admin-template-list .widefat tbody tr:hover { box-shadow: 0px 4px 10px 5px rgba(31,30,47,0.06); } .mfn-admin-template-list .widefat tbody tr td, .mfn-admin-template-list .widefat tbody tr th { background-color: var(--mfn-ui-card-bg); border-bottom: 1px solid var(--mfn-ui-card-border); } .mfn-admin-template-list .widefat tr td:first-child, .mfn-admin-template-list .widefat tr th:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .mfn-admin-template-list .widefat tr td:last-child, .mfn-admin-template-list .widefat tr th:last-child { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .mfn-admin-template-list .widefat td.title { padding-left: 60px; position: relative; } .mfn-admin-template-list .widefat td.title:before { content: ""; display: block; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 4px; margin-right: 10px; background-size: 40px; background-repeat: no-repeat; background-position: center; background-image: url(../svg/others/page.svg); } .mfn-admin-template-list .widefat td.title:after { content: "TMP"; display: block; position: absolute; left: 10px; top: 50%; transform: translateY(-2px); font-size: 9px; line-height: 1; padding: 2px 3px; border-radius: 3px; font-weight: 500; background-color: var(--mfn-ui-highlight); color: #fff; } .mfn-admin-template-list .widefat td.title .row-title { color: var(--mfn-ui-heading); font-weight: 500; } .mfn-admin-template-list .widefat .conditions span, .mfn-content-tmpls .mfn-content-tmpl-col.conditions span { color: #b1b9c8; border: 2px solid; padding: 0px 7px; line-height: 1; border-radius: 10px; font-size: 12px; } .mfn-admin-template-list .widefat .conditions span.mfn-tmpl-conditions-incude, .mfn-content-tmpls .mfn-content-tmpl-col.conditions span.mfn-tmpl-conditions-incude { color: #489c6d; } .mfn-admin-template-list .widefat .conditions span.mfn-tmpl-conditions-exclude, .mfn-content-tmpls .mfn-content-tmpl-col.conditions span.mfn-tmpl-conditions-exclude { color: #e94448; } .mfn-admin-template-list .widefat .column-tmpltype { width: 140px; } .mfn-admin-template-list .widefat .status-draft { filter: saturate(0); } .mfn-admin-template-list .mfn-template-filters { display: flex; flex-wrap: wrap; width: max-content; max-width: 100%; padding-top: 0; margin-top: 15px; border-bottom: 0; } .mfn-admin-template-list .mfn-template-filters > li { position: relative; margin: 0 3px 3px; border: 1px solid var(--mfn-ui-filters-border); border-radius: 3px; box-shadow: var(--mfn-ui-shadow-1); } .mfn-admin-template-list .mfn-template-filters > li > a { border-radius: 3px; } .mfn-admin-template-list .mfn-template-filters li a { display: flex; align-items: center; color: var(--mfn-ui-filters-color); border: 0; margin: 0; background-color: var(--mfn-ui-filters-bg); font-weight: 500; box-sizing: border-box; padding: 5px 10px; float: none; } .mfn-admin-template-list .mfn-template-filters li:hover a, .mfn-admin-template-list .mfn-template-filters li a.nav-tab-active { background-color: var(--mfn-ui-filters-bg-hover); color: var(--mfn-ui-filters-color-hover); } .mfn-admin-template-list .mfn-template-filters li ul { position: absolute; left: -1px; top: 100%; width: 170px; display: none; border-width: 0 1px 1px 1px; border-style: solid; border-color: var(--mfn-ui-filters-border); box-sizing: border-box; box-shadow: var(--mfn-ui-shadow-1); border-radius: 0 0 3px 3px; overflow: hidden; background-color: #F9FAFB; } .mfn-admin-template-list .mfn-template-filters li:hover ul { display: block; z-index: 2; } .mfn-admin-template-list .mfn-template-filters li ul li { border-bottom: 1px solid var(--mfn-ui-filters-border); margin: 0; } .mfn-admin-template-list .mfn-template-filters li ul li a { width: 100%; font-weight: 400; } .mfn-admin-template-list .mfn-template-filters li ul li a:hover { background-color: var(--mfn-ui-filters-submenu-bg-hover); } .mfn-admin-template-list .mfn-template-filters li.mfn-template-filter-dropdown:hover { box-shadow: unset; } .mfn-admin-template-list .mfn-template-filters li.mfn-template-filter-dropdown:hover, .mfn-admin-template-list .mfn-template-filters li.mfn-template-filter-dropdown:hover > a { border-radius: 3px 3px 0 0; } .mfn-admin-template-list .mfn-template-filters li .mfn-icon { display: inline-block; margin-left: 5px; width: 14px; height: 14px; background-size: 18px; background-position: center; background-repeat: no-repeat; transition: all 0.2s ease-in-out; } .mfn-admin-template-list .mfn-template-filters li:hover .mfn-icon { transform: rotate(180deg); } /* templates list - hide yoast columns */ .mfn-admin-template-list .table-view-list .column-wpseo-score, .mfn-admin-template-list .table-view-list .column-wpseo-score-readability, .mfn-admin-template-list .table-view-list .column-wpseo-title, .mfn-admin-template-list .table-view-list .column-wpseo-metadesc, .mfn-admin-template-list .table-view-list .column-wpseo-focuskw, .mfn-admin-template-list .table-view-list .column-wpseo-links, .mfn-admin-template-list .table-view-list .column-wpseo-linked{display:none} .mfn-admin-template-list .table-view-list .wpseo-score, .mfn-admin-template-list .table-view-list .wpseo-score-readability, .mfn-admin-template-list .table-view-list .wpseo-title, .mfn-admin-template-list .table-view-list .wpseo-metadesc, .mfn-admin-template-list .table-view-list .wpseo-focuskw, .mfn-admin-template-list .table-view-list .wpseo-links, .mfn-admin-template-list .table-view-list .wpseo-linked{display:none} .mfn-admin-template-list #wpseo-filter, .mfn-admin-template-list #wpseo-readability-filter, .mfn-admin-template-list .yoast_cornerstone{display:none} .mfn-admin-template-list input[name^="wpseo"]{background:#ddd} .mfn-admin-template-list tr:not(.quick-edit-row) .colspanchange{display:block;white-space:nowrap;background:none!important} /* end: templates list - hide yoast columns */ .mfn-label-nav-tab { position: relative; } .mfn-label-nav-tab .mfn-label-counter { display: block; text-align: center; font-size: 9px; line-height: 12px; color: #fff; padding: 0 3px; min-width: 12px; height: 12px; border-radius: 3px; position: absolute; right: -3px; top: -5px; box-sizing: border-box; } .mfn-label-nav-tab ~ ul .mfn-label-counter { background-color: rgba(0,0,0,.08); color: rgba(0,0,0,.6); right: 8px; top: 50%; transform: translateY(-50%); } .mfn-ui-dark .mfn-label-nav-tab ~ ul .mfn-label-counter { background-color: rgba(255,255,255,.08); color: rgba(255,255,255,.6); } .mfn-label-table-list { padding: 5px 10px; border-radius: 3px; } span.mfn-label-footer { background-color: rgba(231, 77, 61, .1); color: #e74d3d; } .mfn-template-filters > li > .mfn-label-footer .mfn-label-counter, .widefat .mfn-tmpl-type-footer td.title:after, .mfn-content-tmpls.mfn-content-footer-tmpls .mfn-content-tmpl-col-1 a:after { background-color: #e74d3d; } .mfn-content-tmpls.mfn-content-footer-tmpls .mfn-content-tmpl-row { border-left-color: #e74d3d; } span.mfn-label-header { background-color: rgba(4, 101, 75, .1); color: #04654b; } .mfn-template-filters > li > .mfn-label-header .mfn-label-counter, .widefat .mfn-tmpl-type-header td.title:after, .mfn-content-tmpls.mfn-content-header-tmpls .mfn-content-tmpl-col-1 a:after { background-color: #04654b; } .mfn-content-tmpls.mfn-content-header-tmpls .mfn-content-tmpl-row { border-left-color: #04654b; } span.mfn-label-megamenu { background-color: rgba(243, 156, 19, .1); color: #f39c13; } .mfn-template-filters > li > .mfn-label-megamenu .mfn-label-counter, .widefat .mfn-tmpl-type-megamenu td.title:after, .mfn-content-tmpls.mfn-content-megamenu-tmpls .mfn-content-tmpl-col-1 a:after { background-color: #f39c13; } .mfn-content-tmpls.mfn-content-megamenu-tmpls .mfn-content-tmpl-row { border-left-color: #f39c13; } span.mfn-label-sidemenu { background-color: rgba(75, 201, 143, .1); color: #4bc98f; } .mfn-template-filters > li > .mfn-label-sidemenu .mfn-label-counter, .widefat .mfn-tmpl-type-sidemenu td.title:after, .mfn-content-tmpls.mfn-content-sidemenu-tmpls .mfn-content-tmpl-col-1 a:after { background-color: #4bc98f; } .mfn-content-tmpls.mfn-content-sidemenu-tmpls .mfn-content-tmpl-row { border-left-color: #4bc98f; } span.mfn-label-woocommerce { background-color: rgba(127, 84, 179, .1); color: #7F54B3; } .mfn-template-filters > li > .mfn-label-woocommerce .mfn-label-counter, .widefat .mfn-tmpl-type-woocommerce td.title:after, .mfn-content-tmpls.mfn-content-shop-tmpls .mfn-content-tmpl-col-1 a:after, .mfn-content-tmpls.mfn-content-product-tmpls .mfn-content-tmpl-col-1 a:after { background-color: #7F54B3; } .mfn-content-tmpls.mfn-content-shop-tmpls .mfn-content-tmpl-row, .mfn-content-tmpls.mfn-content-product-tmpls .mfn-content-tmpl-row { border-left-color: #7F54B3; } span.mfn-label-blog { background-color: rgba(34, 113, 177, .1); color: #2271B1; } .mfn-template-filters > li > .mfn-label-blog .mfn-label-counter, .widefat .mfn-tmpl-type-blog td.title:after, .mfn-content-tmpls.mfn-content-blog-tmpls .mfn-content-tmpl-col-1 a:after { background-color: #2271B1; } .mfn-content-tmpls.mfn-content-blog-tmpls .mfn-content-tmpl-row { border-left-color: #2271B1; } span.mfn-label-portfolio { background-color: rgba(114, 165, 216, .05); color: #72a5d8; } .mfn-template-filters > li > .mfn-label-portfolio .mfn-label-counter, .widefat .mfn-tmpl-type-portfolio td.title:after, .mfn-content-tmpls.mfn-content-portfolio-tmpls .mfn-content-tmpl-col-1 a:after { background-color: #72a5d8; } .mfn-content-tmpls.mfn-content-portfolio-tmpls .mfn-content-tmpl-row { border-left-color: #72a5d8; } span.mfn-label-global { background-color: rgba(0, 0, 0, .05); color: #304050; } .mfn-ui-dark span.mfn-label-global { background-color: rgba(255, 255, 255, .05); color: #fff; } .mfn-template-filters > li > .mfn-label-global .mfn-label-counter, .widefat .mfn-tmpl-type-global td.title:after, .mfn-content-tmpls.mfn-content-global-tmpls .mfn-content-tmpl-col-1 a:after { background-color: #768ba0; } .mfn-content-tmpls.mfn-content-global-tmpls .mfn-content-tmpl-row { border-left-color: #768ba0; } span.mfn-label-popup { background-color: rgba(0, 150, 255, .05); color: #0096FF; } .mfn-template-filters > li > .mfn-label-popup .mfn-label-counter, .widefat .mfn-tmpl-type-popup td.title:after, .mfn-content-tmpls.mfn-content-popup-tmpls .mfn-content-tmpl-col-1 a:after { background-color: #0096FF; } .mfn-content-tmpls.mfn-content-popup-tmpls .mfn-content-tmpl-row { border-left-color: #0096FF; } span.mfn-label-default { background-color: rgba(68, 68, 68, .1); color: #444; } .mfn-ui-dark span.mfn-label-default { background-color: rgba(255, 255, 255, .1); color: #fff; } .mfn-template-filters > li > .mfn-label-default .mfn-label-counter, .widefat .mfn-tmpl-type-default td.title:after, .mfn-content-tmpls.mfn-content-default-tmpls .mfn-content-tmpl-col-1 a:after { background-color: #444; } .mfn-content-tmpls.mfn-content-default-tmpls .mfn-content-tmpl-row { border-left-color: #444; } /* PBL Global sections & wraps */ body.mfn-template-section .mfn-section .mfn-section-add, body.mfn_template-wrap .mfn-section .mfn-section-add body.mfn-template-section .menu-export, body.mfn_template-wrap .menu-export, body.mfn-template-section .menu-page, body.mfn_template-wrap .menu-page, body.mfn-template-section .menu-options, body.mfn_template-wrap .menu-options, body.mfn-template-section .mfn-section .mfn-section-clone, body.mfn-template-section #mfn-builder .mfn-option-dropdown, body.mfn-template-section #mfn-builder .mfn-menu-page, body.mfn-template-section #mfn-builder .mfn-menu-export, body.mfn-template-section .mfn-meta { display: none !important} body.mfn-template-section .mfn-modal .global_sections { display: none !important } body.mfn-template-section .mfn-modal .global_wraps { display: none !important } body.mfn-template-wrap .mfn-modal .global_wraps { display: none !important } body.mfn-template-wrap .mfn-section-new *:not(h5, .wrap-layouts){display: none !important;} body.mfn-template-wrap .wrap-layouts {width: 100% !important; display: flex !important; justify-content: center !important; } body.mfn-template-wrap .wrap-layouts .wrap-11{display: block !important;} body.mfn-template-wrap .mfn-section .mfn-section-add{display: none !important;} body.mfn-template-wrap .mfn-header-green{display: none !important;} #mfn-builder .mfn-section.mfn-global-section:after{content:''; position:absolute; left:0; top:45px; height:calc(100% - 45px); width:100%; background-color:rgba(215, 244, 227, .4); z-index:1; } #mfn-builder .mfn-wrap.mfn-global-wrap:after{content:''; position:absolute; left:0; top:0; height:100%; width:100%; background-color:rgba(230, 232, 235, 0.6); z-index:1; } #mfn-builder .mfn-wrap.mfn-global-wrap .wrap-header{ z-index:2;} #mfn-builder .mfn-wrap.mfn-global-wrap .mfn-wrap-new {display: none !important} #mfn-builder .mfn-global-wrap .mfn-item .mfn-option-btn{display:none;} #mfn-builder .mfn-global-wrap .mfn-item-add{display: none} #mfn-builder .mfn-global-wrap .mfn-item .mfn-option-text{display:block;} #mfn-builder .mfn-wrap.mfn-global-wrap.loading::after{ background-color: grey; opacity:.3; z-index: 1 !important; content:''; width:100%; height:100%; display:block; position: absolute; top:0; left:0; } #mfn-builder .mfn-wrap.mfn-global-wrap.loading .wrap-header{z-index: 0 !important;} #mfn-builder .mfn-section.mfn-global-section .header-large .mfn-element-edit, #mfn-builder .mfn-section.mfn-global-section .header-large .mfn-element-delete{ display:block; z-index:30; } #mfn-builder .mfn-section.mfn-global-section .mfn-element-delete, #mfn-builder .mfn-section.mfn-global-section .mfn-item-clone, #mfn-builder .mfn-section.mfn-global-section .mfn-wrap-clone, #mfn-builder .mfn-section.mfn-global-section .mfn-section-clone, #mfn-builder .mfn-section.mfn-global-section .mfn-option-dropdown, #mfn-builder .mfn-section.mfn-global-section .mfn-divider-add, #mfn-builder .mfn-section.mfn-global-section .mfn-size-decrease, #mfn-builder .mfn-section.mfn-global-section .mfn-size-increase, #mfn-builder .mfn-section.mfn-global-section .mfn-item-add, #mfn-builder .mfn-section.mfn-global-section .mfn-wrap-new, #mfn-builder .mfn-section.mfn-global-section .mfn-wrap-add, #mfn-builder .mfn-section.mfn-global-section .mfn-section-new, #mfn-builder .mfn-section.mfn-global-section .mfn-wrap .mfn-element-edit { display: none; } body.mfn-template-wrap .mfn-wrap .mfn-wrap-clone{display:none} .mfn-ui .mfn-global-section a.btn-edit-section{font-family: 'Poppins', sans-serif;opacity:0;width:46px;height:46px;text-indent:-9999px;background-color:#388a5c; background-image:url(../svg/options/edit-light.svg);border-radius:100%;position:absolute;z-index:31;left:50%;top:50%;transform:translate(-50%,-50%);background-repeat:no-repeat;background-size:30px;background-position:center} .mfn-ui .mfn-global-section a.btn-edit-section:hover { background-color:#388a5c; } .mfn-ui .mfn-global-section:hover a.btn-edit-section { opacity:1;} .mfn-ui .mfn-global-wrap a.btn-edit-wrap{font-family: 'Poppins', sans-serif;opacity:0;width:46px;height:46px;text-indent:-9999px;background-color:gray; background-image:url(../svg/options/edit-light.svg);border-radius:100%;position:absolute;z-index:31;left:50%;top:50%;transform:translate(-50%,-50%);background-repeat:no-repeat;background-size:30px;background-position:center} .mfn-ui .mfn-global-wrap a.btn-edit-wrap:hover { background-color:gray; } .mfn-ui .mfn-global-wrap:hover a.btn-edit-wrap { opacity:1;} .mfn-modal.mfn-global-wrap .modalbox-header .right{display: none !important} .mfn-modal.mfn-global-wrap .modalbox-card-content{display:none !important} .mfn-modal.mfn-global-wrap .modalbox-card-advanced{display:block !important;} .mfn-modal.mfn-global-wrap .modalbox-card-advanced .mfn-row{display: none} .mfn-modal.mfn-global-wrap .modalbox-card-advanced .mfn-row#global_wraps_select{display: flex !important;height: 100%; justify-content: center; align-items: center;} .mfn-modal.mfn-global-wrap .modalbox-card-advanced .mfn-row#global_wraps_select .row-column-10 { max-width: unset; flex-basis: unset; } .mfn-modal.mfn-global-section .modalbox-header .right{display: none !important} .mfn-modal.mfn-global-section .modalbox-card-content{display:none !important} .mfn-modal.mfn-global-section .modalbox-card-advanced{display:block !important} .mfn-modal.mfn-global-section .modalbox-card-advanced .mfn-row{display: none} .mfn-modal.mfn-global-section .modalbox-card-advanced .mfn-row#global_sections_select{display: flex !important;height: 100%; justify-content: center; align-items: center;} .mfn-modal.mfn-global-section .modalbox-card-advanced .mfn-row#global_sections_select .row-column-10 { max-width: unset; flex-basis: unset; } .mfn-modal.mfn-global-section .modalbox-content, .mfn-modal.mfn-global-wrap .modalbox-content { background-color: #f7f9fa; } .mfn-modal.mfn-global-section .mfn-element-meta, .mfn-modal.mfn-global-wrap .mfn-element-meta, .mfn-modal.mfn-global-section .modalbox-card, .mfn-modal.mfn-global-wrap .modalbox-card { height: 100%; } .mfn-section.mfn-global-section.loading::after{ background-color: green; opacity:.3; z-index: 1 !important; content:''; width:100%; height:100%; display:block; position: absolute; top:0; left:0; } .mfn-section.mfn-global-section.loading .mfn-option-btn{z-index: 0 !important;} /* Codemirror dark */ .mfn-ui-dark .cm-s-base16-dark.CodeMirror{background:#151515;color:#e0e0e0;border-color:#4a484d} .mfn-ui-dark .cm-s-base16-dark div.CodeMirror-selected{background:#303030} .mfn-ui-dark .cm-s-base16-dark .CodeMirror-line::selection,.cm-s-base16-dark .CodeMirror-line > span::selection,.cm-s-base16-dark .CodeMirror-line > span > span::selection{background:rgba(48,48,48,.99)} .mfn-ui-dark .cm-s-base16-dark .CodeMirror-line::-moz-selection,.cm-s-base16-dark .CodeMirror-line > span::-moz-selection,.cm-s-base16-dark .CodeMirror-line > span > span::-moz-selection{background:rgba(48,48,48,.99)} .mfn-ui-dark .cm-s-base16-dark .CodeMirror-gutters{background:#151515;border-right:0} .mfn-ui-dark .cm-s-base16-dark .CodeMirror-guttermarker{color:#ac4142} .mfn-ui-dark .cm-s-base16-dark .CodeMirror-guttermarker-subtle{color:#505050} .mfn-ui-dark .cm-s-base16-dark .CodeMirror-linenumber{color:#505050} .mfn-ui-dark .cm-s-base16-dark .CodeMirror-cursor{border-left:1px solid #b0b0b0} .mfn-ui-dark .cm-s-base16-dark.cm-fat-cursor .CodeMirror-cursor{background-color:#8e8d8875!important} .mfn-ui-dark .cm-s-base16-dark .cm-animate-fat-cursor{background-color:#8e8d8875!important} .mfn-ui-dark .cm-s-base16-dark span.cm-comment{color:#8f5536} .mfn-ui-dark .cm-s-base16-dark span.cm-atom{color:#aa759f} .mfn-ui-dark .cm-s-base16-dark span.cm-number{color:#aa759f} .mfn-ui-dark .cm-s-base16-dark span.cm-property,.cm-s-base16-dark span.cm-attribute{color:#90a959} .mfn-ui-dark .cm-s-base16-dark span.cm-keyword{color:#ac4142} .mfn-ui-dark .cm-s-base16-dark span.cm-string{color:#f4bf75} .mfn-ui-dark .cm-s-base16-dark span.cm-variable{color:#90a959} .mfn-ui-dark .cm-s-base16-dark span.cm-variable-2{color:#6a9fb5} .mfn-ui-dark .cm-s-base16-dark span.cm-def{color:#d28445} .mfn-ui-dark .cm-s-base16-dark span.cm-bracket{color:#e0e0e0} .mfn-ui-dark .cm-s-base16-dark span.cm-tag{color:#ac4142} .mfn-ui-dark .cm-s-base16-dark span.cm-link{color:#aa759f} .mfn-ui-dark .cm-s-base16-dark span.cm-error{background:#ac4142;color:#b0b0b0} .cm-s-base16-dark .CodeMirror-activeline-background{background:#202020!important} .mfn-ui-dark .cm-s-base16-dark .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important} .mfn-content-tmpls{ margin-bottom: 20px; display: none; width: 100%; } .mfn-content-tmpls .mfn-content-templates-counter{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;} .mfn-content-tmpls .mfn-content-templates-counter p{ margin: 0; } .mfn-content-tmpls .mfn-content-templates-counter .num { background-color: var(--mfn-ui-alert-bg); color: var(--mfn-ui-heading); padding: 0 4px; border-radius: 3px; } .mfn-content-tmpls .mfn-content-tmpl-row{ margin-bottom: 5px; display: flex; padding: 20px; align-items: center; justify-content: space-between; gap: 20px; border-left: 4px solid; } .mfn-content-tmpls .mfn-content-tmpl-col-1 { width: 40%; } .mfn-content-tmpls .mfn-content-tmpl-col-1 a { padding-left: 60px; position: relative; color: var(--mfn-ui-heading); text-decoration: none; font-weight: 600; } .mfn-content-tmpls .mfn-content-tmpl-col-1 a:before { content: ""; display: block; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 4px; margin-right: 10px; background-size: 40px; background-repeat: no-repeat; background-position: center; background-image: url(../svg/others/page.svg); } .mfn-content-tmpls .mfn-content-tmpl-col-1 a:after { content: "TMP"; display: block; position: absolute; left: 10px; top: 50%; transform: translateY(-2px); font-size: 9px; line-height: 1; padding: 2px 3px; border-radius: 3px; font-weight: 500; background-color: var(--mfn-ui-highlight); color: #fff; } .mfn-content-tmpls .mfn-content-tmpl-col-2 { width: 150px; } .mfn-content-tmpls .mfn-content-tmpl-row .mfn-btn { margin-bottom: 0; } @media only screen and (max-width: 1400px) { .mfn-content-tmpls .mfn-content-tmpl-col-1 { width: unset; } } @media only screen and (max-width: 1200px) { .mfn-content-tmpls .mfn-content-tmpl-row { flex-direction: column; gap: 10px; } } .mfn-options.mfn-tab-buttons .mfn-content-header-tmpls, .mfn-options.mfn-tab-header .mfn-content-header-tmpls, .mfn-options.mfn-tab-menu .mfn-content-header-tmpls, .mfn-options.mfn-tab-responsive-header .mfn-content-header-tmpls, .mfn-options.mfn-tab-colors-header .mfn-content-header-tmpls, .mfn-options.mfn-tab-colors-action .mfn-content-header-tmpls, .mfn-options.mfn-tab-colors-menu .mfn-content-header-tmpls, .mfn-options.mfn-tab-logo .mfn-content-header-tmpls, .mfn-options.mfn-tab-action-bar .mfn-content-header-tmpls{ display: block; } .mfn-options.mfn-tab-footer .mfn-content-footer-tmpls{display: block;} .mfn-options.mfn-tab-shop .mfn-content-shop-tmpls, .mfn-options.mfn-tab-shop-list .mfn-content-shop-tmpls{display: block;} .mfn-tab-shop-single .mfn-content-product-tmpls{display: block;} .mfn-tab-blog .mfn-content-blog-tmpls{display: block;} .mfn-tab-portfolio .mfn-content-portfolio-tmpls{display: block;}