Edit File: toolbar.css
html,body{ overflow:initial; margin:0; padding:0; scroll-behavior: smooth; } .display-inline-block{ display:inline-block; width: 106px; } .tb_module_panel_modules_wrap::after, .clearfix::after, .tb_field::after{ content:""; display:table; clear:both; } /* form label */ .builder-lightbox label{ font-size:inherit; font-weight:inherit; font-family:inherit; text-transform:none; border:none; background:none; width:auto; padding:0; letter-spacing:0; display:inline-block; vertical-align:middle; outline:none; } /* form input */ .builder-lightbox input, .builder-lightbox textarea, .builder-lightbox select, .builder-lightbox input[type=search], .builder-lightbox button{ font-size:100%; font-family:inherit; } .builder-lightbox button:not(.wp-switch-editor){ border:none; } .builder-lightbox input[type="text"], .builder-lightbox input[type="url"], .builder-lightbox input[type="number"], .builder-lightbox input[type="password"], .builder-lightbox textarea, .builder-lightbox input[type="search"], .builder-lightbox input[type="email"]{ font:1em/1.5em Arial, sans-serif; background:#fff; height:auto; min-height:inherit; margin:5px 5px 5px 0; padding:4px .5em; box-shadow:none; display:inline-block; vertical-align:middle; border:1px solid #ccc; color:#000; -webkit-appearance:none; box-sizing:border-box; width: 200px; max-width:100%; border-radius: 4px; } .builder-lightbox input.tb_field_error, .builder-lightbox input.tb_image_field_error { border-color:#ff0000; } .builder-lightbox label._tb_disable{ color: #444; background: #fff; opacity: .4; } #tb_lightbox_parent .tb_disable_save{ pointer-events: none; opacity: .4; background: #444 !important; } .builder-lightbox .tb_input .themify-checkbox { margin-top: 6px; } .builder-lightbox .tb_empty_label + .tb_input .themify-checkbox { margin-top: -2px; } .builder-lightbox .tb_input .themify-checkbox + .tb_help { margin-top: 2px; } .builder-lightbox input[type="radio"], .builder-lightbox input[type="checkbox"]{ background:#fff; color:#555; display:inline-block; line-height:0; height:16px; width:16px; min-width:16px; margin:0 7px 0 0; padding:0 !important; text-align:center; border:1px solid #aaa; vertical-align:text-bottom; cursor:pointer; outline:0; clear:none; -webkit-appearance:none; box-sizing:border-box; border-radius: 3px; box-shadow: none; } .builder-lightbox input[type="radio"]{ border-radius:5em; } .builder-lightbox .tb_radio_input_container { margin-top: 5px; outline: none; } .builder-lightbox .tb_compact_radios .tb_empty_label + .tb_input { min-height: 18px; } .builder-lightbox .tb_empty_label + .tb_input .tb_radio_input_container { margin-top: -7px; } .builder-lightbox .tb_radio_input_container label, .builder-lightbox .themify-checkbox label{ position:relative; margin-right: 4px; margin-top: 3px; cursor:pointer; } .builder-lightbox .tb_radio_input_container label + label { margin-left:8px; } .tb_panel_docked .builder-lightbox .tb_radio_input_container label + label { margin-left:0; } .builder-lightbox input[type="radio"]:checked, .builder-lightbox input[type="checkbox"]:checked{ border-color:#000; } .builder-lightbox input[type="radio"]:checked::before{ float:left; display:inline-block; vertical-align:middle; font:400 21px/1 dashicons; speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:'\2022'; text-indent:-9999px; border-radius:100%; font-size:24px; width:8px; height:8px; margin:3px; line-height:16px; background-color:#1e8cbe; } .builder-lightbox input[type="checkbox"]:checked::before{ content:'\f147'; margin:-3px 0 0 -4px; color:#1e8cbe; float:left; display:inline-block; vertical-align:middle; width:16px; font:400 21px/1 dashicons; speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } body.themify_builder_active{ background:#989898; } body.themify_builder_active.tb_responsive_mode{ overflow:visible !important; } body.themify_builder_active.tb_responsive_mode.tb_preview_parent{ overflow:hidden !important; } .tb_responsive_mode .responsive_disable, .tb_lb_option input[disabled]+label, .tb_lb_option input[disabled]{ opacity:.5; cursor:not-allowed; pointer-events:none; } /* image styled checkbox buttons */ .tb_icon_radio, .tb_icon_checkbox{ display:inline-block; } template, .tb_panel_dropdown_openend:not(.tb_panel_docked):not(.tb_panel_drag) #tb_module_panel, .tb_field .tb_icon_radio input, .tb_input .tb_icon_checkbox input{ display:none; } .tb_icon_checkbox label{ line-height: 100%; margin-left: 2px; } .tb_input .tb_icon_checkbox .apply_all_checkbox_icon { color: #888; font-size:17px; } .tb_icon_checkbox .apply_all_checkbox_icon::before { transition: background .2s ease-in,color .2s ease-in; content:"\e62d"; } .tb_icon_checkbox input:checked+.apply_all_checkbox_icon::before { background: #ececec; color: #666; padding: 5px; border-radius: 100%; } .tb_icon_checkbox label:hover .apply_all_checkbox_icon{ color:#000; } /* image styled radio buttons */ .builder-lightbox .tb_icon_radio label + label { margin-left:0; } .tb_icon_radio input:checked +.tb_icon_wrapper{ background:#b2b2b2; border-color:#787878; color:#fff; } .tb_icon_radio .tb_icon_wrapper{ transition: background .2s ease-in,color .2s ease-in; border:1px solid #ccc; line-height:100%; padding:5px 10px; border-radius: 4px; letter-spacing: 0; display: inline-block; vertical-align: middle; outline: none; } .tb_icon_radio .tb_icon_wrapper:hover { border-color:#777; } .tb_text_underline .tb_icon_wrapper{ text-decoration: underline; } .tb_text_overline .tb_icon_wrapper{ text-decoration: overline; } .tb_text_through .tb_icon_wrapper{ text-decoration: line-through; } /* insert icon input */ .builder-lightbox input.themify_field_icon{ margin-top: 0; } .builder-lightbox textarea{ line-height:150%; width:100%; min-height:60px; } /* input field width */ .builder-lightbox input.xsmall, .builder-lightbox textarea.xsmall{ width:10%; min-width:50px; } .builder-lightbox input.small, .builder-lightbox textarea.small{ width:20%; min-width: 70px; } .builder-lightbox input.large, .builder-lightbox textarea.large{ width:60%; } .builder-lightbox input.xlarge, .builder-lightbox textarea.xlarge{ width:80%; } .builder-lightbox textarea.fullwidth, .builder-lightbox input.fullwidth{ width: 100%; } /* form input:focus */ .builder-lightbox textarea:focus, .builder-lightbox input[type=password]:focus, .builder-lightbox input[type=text]:focus, .builder-lightbox input[type=search]:focus, .builder-lightbox input[type=email]:focus{ outline:none; background:#fff; color:#000; border-color:#888; } /* form button */ .builder-lightbox input[type=reset], .builder-lightbox input[type=submit], .builder-lightbox .builder_button{ background:#f26522 !important; border:none; text-align:center; margin:0 0 2px; padding:.5em 1em; color:#fff !important; font:normal 14px/1em Arial, sans-serif; text-transform:uppercase; cursor:pointer; border-radius:3px; display:inline-block; height:auto; width:auto; min-height:0; min-width:auto; } /* form input:hover */ .builder-lightbox input[type=reset]:hover, .builder-lightbox input[type=submit]:hover, .builder-lightbox .builder_button.tb_gallery_btn:hover, .tb_upload_btn .builder_button:hover, .builder-lightbox .builder_button:hover{ transform:translateY(2px); } .tb_lightbox_actions .builder_button{ float:left; padding:.58em .8em; margin:.25em .3em 0 0; } /************************************************************************************ CLEAR & ALIGNMENT *************************************************************************************/ .builder-lightbox .clear{ clear:both; } .builder-lightbox .left{ float:left; } .builder-lightbox .right{ float:right; } .builder-lightbox .textleft{ text-align:left; } .builder-lightbox .textright{ text-align:right; } .builder-lightbox .textcenter{ text-align:center; } /************************************************************************************ MODULES *************************************************************************************/ /* default module style */ .wp-admin .tb_module.active_module{ padding:0; } .tb_module.active_module, .tb_drag_start .active_module{ border-radius: 4px; box-shadow:none; } .wp-admin .tb_module.active_module.tb_element_selected, .tb_module:hover{ background: #97daff; } .wp-admin.tb_drag_subrow .ui-sortable-helper.module_subrow{ background: #5ec5ff; } .wp-admin.tb_drag_subrow .ui-sortable-helper.module_subrow .subrow_inner{ display: none; } .wp-admin.tb_drag_subrow .ui-sortable-helper.module_subrow{ border: none; color:#fff; text-align: center; } .wp-admin.tb_drag_subrow .ui-sortable-helper.module_subrow::before{ display: inline-flex; content: 'Subrow'; align-items: center; height: 100%; } /* Icon Fonts ---------------------------------------------------------------*/ .tb_icon::before{ margin:-6px 4px 0 0; display:inline-block; vertical-align:middle; } .tb_icon.small::before{ padding-top:2px; top:2px; left:3px; } .tb_icon.delete::before{ content:"\e646"; } .tb_icon.add::before{ content:"\e61a"; } .tb_icon.ti-folder, .tb_icon.add{ vertical-align:middle; } .tb_module .module_menu{ position:absolute; top:7px; left:10px; text-align:left; } .themify_builder_active .tb_module .module_menu{ position:absolute; top:7px; left:10px; } .tb_module .menu_icon{ padding-bottom:4px; } .tb_module .menu_icon::before{ content:"\e68e"; font-size:17px; } .tb_module .module_menu:hover .tb_down{ display:block; } /* Transitions ---------------------------------------------------------------*/ .builder-lightbox input[type=reset], .builder-lightbox input[type=submit]{ transition:all .1s linear; } .builder-lightbox .builder_button{ transition:transform .1s linear; } .tb_layout_lists .thumbnail img{ transition:background .1s linear,border-color .1s linear; } /* Builder Toolbar ----------------------------------*/ /* toolbar disabled */ .tb_responsive_mode .tb_toolbar_zoom_menu a{ opacity:.4; cursor:not-allowed; } /* TOOLBAR ADD MODULES */ #tb_toolbar .tb_toolbar_add_modules_wrap{ display:inline-block; vertical-align:middle; position:relative; } .tb_toolbar_add_modules{ background:#52bb33; color:#fff; display:inline-block; vertical-align:middle; width:42px; height:37px; position:relative; overflow:hidden; outline:none; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .1); cursor: pointer; } .wp-admin .tb_toolbar_add_modules{ border-radius:4px 0 0 4px; } .tb_toolbar_add_modules::before{ content:'\e61a'; font-family:themify; font-size:1.6em; text-indent:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .tb_toolbar_add_modules:hover{ background:#459a2c; } /* TOOLBAR MODULE PANEL */ #tb_module_panel{ color:#999; font:normal 13px/1.6 Arial, sans-serif; background-color: #f1f1f1; position:fixed; z-index:99998; top: 50px; left: 10px; width: 140px; min-width: 120px; max-width: 400px; padding:0 0 110px; box-sizing:border-box; height:600px; max-height: 92vh; transition: transform .3s ease-in,opacity .3s ease-in,visibility .3s ease-in; opacity: 1; visibility: visible; box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 4px 10px 2px rgba(0,0,0,.3); border-radius:4px; } .tb_drag_top .tb_module_types:not(.tb_ui_dropdown_items) li.current { padding: 3px 11px; } .tb_drag_top .tb_module_types:not(.tb_ui_dropdown_items) li::before, .tb_drag_top .tb_module_types:not(.tb_ui_dropdown_items) li::after { content:""; width: 8px; height: 8px; position: absolute; bottom: -1px; background: #868686; } .tb_drag_top .tb_module_types:not(.tb_ui_dropdown_items) li.current::before { left: -8px; border-bottom-right-radius: 4px; box-shadow: 4px 4px 0 2px #f1f1f1; } .tb_drag_top .tb_module_types:not(.tb_ui_dropdown_items) li.current::after { right: -8px; border-bottom-left-radius: 4px; box-shadow: -4px 4px 0 2px #f1f1f1; } .tb_load_layout_active #tb_module_panel, .tb_drag_top .tb_compact_tabs .tb_module_types:not(.tb_ui_dropdown_items) li:before, .tb_drag_top .tb_compact_tabs .tb_module_types:not(.tb_ui_dropdown_items) li:after { display: none; } #tb_module_panel.tb_float_xsmall{ padding: 0 0 90px; } #tb_module_panel .tb_busy{ opacity:.7; } #tb_module_panel .tb_busy::before{ background-color:rgba(0,0,0,.6); width:55px; height:55px; z-index:9999; position:absolute; top:50%; left:42%; } #tb_module_panel.tb_is_minimize{ padding:0; max-height:0; } .tb_module_panel_rows_wrap.tb_module_panel_tab{ padding-bottom: 20px; } .tb_is_minimize .tb_module_panel_container{ visibility: hidden; height: 0; opacity: 0; } .tb_toolbar_add_modules, .tb_preview_parent .tb_toolbar_add_modules_wrap{ opacity: .4; cursor: not-allowed; pointer-events: none; } .tb_panel_closed:not(.tb_panel_docked) .tb_toolbar_add_modules{ opacity:1; cursor:pointer; pointer-events:auto; } .tb_panel_right_dock.tb_panel_minimized #tb_module_panel { transform:translateX(100%) !important; } /* module panel small size */ #tb_module_panel.tb_float_small .tb_module_types:not(.tb_ui_dropdown_items) a { padding: 0 3px; } #tb_module_panel.tb_float_small ul.tb_module_types:not(.tb_ui_dropdown_items) { padding-left: 10px; } #tb_module_panel.tb_float_small .tb_rows_grid li { width: 46%; } #tb_module_panel.tb_float_large .tb_rows_grid li { width: 15%; } /* TOOLBAR MENU */ .tb_toolbar_menu .tb_tooltip{ padding-left:8px; padding-right:8px; } .tb_toolbar_menu li a .ti-tablet_landscape{ display:inline-block; transform:rotate(-90deg); } .builder-breakpoint-desktop a.breakpoint-desktop, .builder-breakpoint-tablet a.breakpoint-tablet, .builder-breakpoint-tablet_landscape a.breakpoint-tablet_landscape, .builder-breakpoint-mobile a.breakpoint-mobile, .tb_toolbar_zoom_active > a, .tb_toolbar_preview_active, .tb_tooltip.tb_tooltip_active{ background-color:#000; color:#fff; cursor:default; } .tb_tooltip.tb_tooltip_active { cursor: pointer; } .tb_toolbar_zoom_active a, .tb_toolbar_preview_active{ cursor:pointer; } .tb_toolbar_menu .tb_toolbar_zoom_menu > a { padding-left: 8px; } .tb_toolbar_menu .tb_toolbar_zoom_menu ul a { width: 70px; } #tb_toolbar .tb_toolbar_zoom_active a:hover{ color:#a0a0a0; } .tb_toolbar_zoom_active .selected-zoom-size a{ cursor:default; background: #000; color:#a0a0a0; } /* toolbar menu tooltip */ .tb_toolbar_backend_edit{ display:inline-block; margin-right:8px; vertical-align:middle; } .tb_toolbar_backend_edit a{ color:#dcdcdc; } .tb_toolbar_backend_edit i{ position:relative; top:1px; display:inline-block; } .tb_toolbar_backend_edit i + span{ margin-left:6px; } .tb_compact_toolbar #tb_switch_backend span, .tb_compact_toolbar #tb_switch_frontend span { display: none; } /* CLOSE & SAVE */ .tb_toolbar_save_btn .tb_toolbar_revision_btn ul, .tb_toolbar_revision_btn ul{ right:0; left:auto; margin-top: 9px; } .tb_toolbar_revision_btn ul::before{ right:12px; left:auto; } .tb_toolbar_revision_btn{ background:#f26522; border-left:1px solid rgba(255, 255, 255, .15); padding:7px 7px 0 11px; cursor:pointer; border-radius: 0 4px 4px 0; min-height: 24px; outline:none; box-sizing: unset !important; } .tb_toolbar_revision_btn .ti-angle-down{ font-size:14px; line-height:1; color: #fff; } .tb_toolbar_revision_btn ul a{ box-sizing:border-box; display:block; width:140px; max-width: 100%; padding: 6px 5px 6px 12px; color:#bdbdbd; line-height:1.3; margin: 0; } .tb_toolbar_revision_btn:hover, .tb_toolbar_save:focus +.tb_toolbar_revision_btn, #tb_toolbar .tb_toolbar_save_btn .tb_toolbar_save:hover{ background-color:#ff7635; } .tb_toolbar_revision_btn ul a:hover{ color:#fff; background: #000; } #tb_toolbar .themify_lite_tooltip{ left:110%; top:2px; } #tb_toolbar .themify_lite_tooltip:after{ border-top-color:transparent; border-right-color:rgba(33,33,33,.9); left:-16px; bottom:auto; top:50%; position:absolute; transform:translateY(-50%); } #tb_toolbar .tb_toolbar_save_btn .themify_lite_tooltip{ left:-230px; } #tb_toolbar .tb_toolbar_save_btn .themify_lite_tooltip:after{ left:auto; right:-16px; border-left-color:rgba(33,33,33,.9); border-right-color:transparent; } /* GALLERY SHORTCODE PREVIEW */ textarea.tb_shortcode_input{ font-size:11px; color:#999; width:100%; min-height: 40px; } textarea.tb_shortcode_input:focus{ color:#000; } .tb_shortcode_preview img{ position:relative; display:inline-block; margin: 0 2px 2px 0; border: solid 1px #eee; max-width: 26px; height: auto; } /* BUILDER REVISIONS */ .tb_revision_lists{ margin:0; padding: 0; width:100%; box-sizing:border-box; } .tb_revision_lists li{ border-top: 1px solid rgba(0,0,0,.05); list-style-type:none; margin:0; padding:14px 2px; color:#adadad; } .tb_revision_lists li .builder-delete-revision-btn{ float:right; margin-top: 4px; color:#666; } #tb_switch_backend:hover i { animation: switch_arrow_left_animate 1s infinite; animation-timing-function: linear; } #tb_switch_frontend:hover i { animation: switch_arrow_right_animate 1s infinite; animation-timing-function: linear; } /* tb_switch_frontend/tb_switch_backend animation */ @keyframes switch_arrow_left_animate { 0% {transform: translateX(0);} 50% {transform: translateX(-8px);} 100% {transform: translateX(0);} } @keyframes switch_arrow_right_animate { 0% {transform: translateX(0);} 50% {transform: translateX(8px);} 100% {transform: translateX(0);} } /* Builder Toolbar Backend ----------------------------------*/ #tb_toolbar{ background-color:#4a4a4a; color: #999; font:normal 13px/1.6 Arial, sans-serif; position:fixed; z-index:9999; left:0; top:0; width:100%; outline:none; min-height:37px; display:none; will-change:width; box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1), 0 1px 8px rgba(0,0,0,.2); } #tb_toolbar a { text-decoration:none; outline:none; } .wp-admin #tb_toolbar{ display: block; left: 0; top:0; position:relative; border-radius: 4px; } .themify-gutenberg-editor #tb_toolbar{ position: -webkit-sticky; position: sticky ; z-index:999; } #tb_toolbar.tb_toolbar_fixed{ position: fixed; } body:not(.themify-gutenberg-editor) #tb_toolbar:not(.tb_toolbar_fixed){ top:0 !important;; left:0 !important; width:100% !important; } .themify_write_panel .themify_builder_admin #tb_toolbar { top: 32px; } .themify_write_panel #tb_toolbar:not(.tb_toolbar_fixed) { z-index: auto; } .themify-gutenberg-editor .editor-block-list__layout .editor-block-list__block.is-multi-selected[data-type="themify-builder/canvas"] .editor-block-list__block-edit::before { background: transparent; } .themify-gutenberg-editor #wpcontent, .themify-gutenberg-editor #adminmenumain, .themify-gutenberg-editor #adminmenuwrap{ z-index: auto; position: relative; } .themify-gutenberg-editor #adminmenuback{ z-index:0; } .themify-gutenberg-editor .edit-post-header{ z-index:1; } .themify-gutenberg-editor .edit-post-layout__content{ z-index:3; } #tb_canvas_block{ position:relative; } .tb_compact_toolbar #tb_toolbar .tb_toolbar_export span, .tb_compact_toolbar #tb_toolbar .tb_import_btn span { transform: none; } .tb_auto_draft .tb_toolbar_save_wrap, .tb_auto_draft .tb_switch_frontend, .themify_builder_admin .hide-if-backend, .tb_compact_toolbar #tb_toolbar .tb_toolbar_export span:before, .tb_compact_toolbar #tb_toolbar .tb_import_btn span:before { display: none; } /* highlight panel when repsonsive icon selected */ .tablet_landscape-responsive-selected, .tablet-responsive-selected, .mobile-responsive-selected, .tablet-direction-selected, .mobile-direction-selected{ background:#f6feff; } /* Repeater Field ----------------------------------*/ .tb_row_js_wrapper .tb_repeatable_field{ position:relative; padding:0; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 4px; } .tb_repeatable_field.collapsed{ height:auto; } .tb_repeatable_field_content{ border:none; margin:0; padding:10px; background:#fff; display:block; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .tb_repeatable_field:hover ~ .tb_repeatable_field{ z-index:9; /* fix row menu overlap */ } .tb_repeatable_field + .add_new { margin: 0 0 20px !important; } /* tb_repeatable_field_top top */ .tb_repeatable_field_top{ padding: 6px 10px 3px; box-sizing:border-box; cursor:move; z-index:auto;/* fix row column menu overlap undo/redo is covering */ background: #e4e4e4; color:#000; position:relative; text-align:left; } .tb_repeatable_field_top:hover{ background: #dadada; } .tb_repeatable_field_top a:hover{ color:#000; } .tb_repeatable_field_top .toggle_row{ float:right; display:block; cursor:pointer; border:none; font-size:17px; } .tb_repeatable_field_top .toggle_row::before{ content:"\e648"; } .tb_repeatable_field.collapsed .toggle_row::before{ content:"\e64b"; } .tb_workspace_container{ position:fixed; top:0; left:0; overflow:hidden; width:100%; height:100%; margin-top:37px; text-align:center; z-index: 0; display: none; } .tb_iframe{ background:#fff; width:100%; height:100%; border:none; transition:width .6s ease-in 0s; z-index: 2; } body:not(.tb_responsive_mode) .tb_iframe{ min-height:100%; max-height:100%; } .tb_touch .tb_iframe { width: 1px; min-width: 100%; } /* repeatable Field */ .tb_repeat_opt .tb_repeatable_field_top{ background: none; padding: 0; margin: 0; cursor: auto; } .tb_repeat_opt .tb_repeatable_field{ border:none; display: flex; flex-direction: row-reverse; align-items: center; width: 100%; padding-left: 26%; box-sizing: border-box; justify-content: flex-end; } .tb_repeat_opt .tb_multi_fields{ display:flex; } .tb_repeat_opt .tb_repeatable_field_content{ padding:0; width: auto; } .tb_repeat_opt .tb_duplicate_row, .tb_repeat_opt .tb_repeatable_field .row_menu .menu_icon, .tb_repeat_opt .toggle_row{ display:none; } .tb_repeat_opt .tb_down .tb_delete_row{ background:none; box-shadow:none; border:none; padding: 0; font-family: 'themify'; color: transparent; width: 12px; overflow: hidden; } .tb_repeat_opt .tb_delete_row::before{ content: "\e646"; color: #000; } .tb_repeat_opt .add_new{ margin-left: 26% !important; } .tb_panel_docked .tb_repeat_opt .add_new { margin-left:0 !important; } .tb_repeat_opt .tb_multi_fields .tb_field { max-width:100%; margin: 0; } .tb_repeat_opt .tb_down{ position:static; display:block; background: none; box-shadow: none; padding: 0 !important; width: auto !important; margin-top: 20px !important; } .tb_repeat_opt .tb_repeatable_field input[type=text] { width: auto; } .tb_panel_docked .tb_repeat_opt .tb_multi_fields, .tb_lightbox_small .tb_repeat_opt .tb_multi_fields { flex-direction: column; } .tb_panel_docked .tb_repeat_opt .tb_repeatable_field, .tb_lightbox_small .tb_repeat_opt .tb_repeatable_field { align-items: flex-start; } .tb_panel_docked .tb_repeat_opt .tb_repeatable_field { padding-left: 0; } .tb_panel_docked .tb_repeat_opt .tb_repeatable_field_content, .tb_lightbox_small .tb_repeat_opt .tb_repeatable_field_content { width: 100%; } .tb_panel_docked .tb_repeat_opt .tb_repeatable_field input[type=text], .tb_lightbox_small .tb_repeat_opt .tb_repeatable_field input[type=text] { width: 95%; } /* Themify Gutenberg Editor */ .edit-post-layout__content .edit-post-visual-editor .editor-post-title, .edit-post-layout__content .edit-post-visual-editor .editor-block-list__block{ max-width:100%; } .edit-post-layout__content .editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit::before{ outline-color:#e2e4e7; box-shadow: none; } .edit-post-layout__content .editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit{ padding-top:0; } .themify-gutenberg-editor.edit-post-layout .components-notice-list .notice{ padding:1px 12px; min-height:30px; } .themify-gutenberg-editor .edit-post-layout .components-notice-list .notice .notice-dismiss { padding: 3px 10px; } .wp-block[data-type="themify-builder/canvas"] .editor-block-toolbar{ display:none; } .wp-block-freeform.block-library-rich-text__tinymce, .editor-styles-wrapper .mce-content-body { max-height: 240px; overflow-y: auto; } @media (min-width:600px){ .themify-gutenberg-editor .editor-post-title, .themify-gutenberg-editor .editor-block-list__layout { padding-left: 36px; padding-right: 36px; } } @media (min-width:782px){ .themify-gutenberg-editor .edit-post-layout .components-notice-list{ top:auto; bottom:0; } .themify-gutenberg-editor .edit-post-layout .components-notice-list .notice{ margin-bottom:0; } .themify-gutenberg-editor .edit-post-layout__metaboxes:not(:empty) { padding-bottom: 75px; } } @media (min-width:960px){ .themify-gutenberg-editor .edit-post-layout .components-notice-list{ margin-left: 34px; margin-bottom: -5px; } } .edit-post-layout .editor-post-publish-panel { z-index: 99999; } /*LIGHTBOX OPTION PANEL*/ .builder-lightbox{ background:#fff; font:normal 13px/150% Arial, sans-serif !important; color:#444; width:500px; max-width: 90%; max-height: 90vh; position:fixed; top:30px; z-index:99999; text-align:left; min-height: 220px; box-sizing:border-box; box-shadow:0 0 1px 0 rgba(0,0,0,.6), 0 3px 14px rgba(0,0,0,.3); text-transform:none; font-weight:normal; text-decoration:none; letter-spacing:0; display:none; opacity:1 !important; margin: auto; } .tb_panel_docked .builder-lightbox{ max-height:100vh; } /* standalone lightbox size */ .builder-lightbox.tb_save_module_lightbox{ width: 350px; height: 175px; } .builder-lightbox.tb_predesigned_lightbox{ width: 780px; height: 680px; max-height:90vh; } .builder-lightbox.tb_predesigned_lightbox .tb_options_tab_wrapper{ padding-top:0 !important; } .builder-lightbox.tb_revision_lightbox{ width: 450px; height:480px; } .builder-lightbox.tb_savead_lightbox, .builder-lightbox.tb_import_post_lightbox{ width:350px; height:240px; } .builder-lightbox.tb_custom_css_lightbox{ width:540px; height:460px; } .builder-lightbox.tb_custom_css_lightbox .tb_label.tb_empty_label + .tb_input { width: 100%; } .themify_lightbox_drag iframe{ pointer-events:none; } .themify_lightbox_drag .ui-draggable-dragging{ opacity:.4; } .builder-lightbox button{ font-variant:inherit; text-transform:none; font-family:inherit; font-weight:normal; text-decoration:none; letter-spacing:0; } .builder-lightbox a:hover{ color:#a39fe8; } /* lightbox cancel button */ .tb_close_lightbox{ background:none; border:none; -webkit-appearance:none; margin:.7em .6em .5em 0; padding:0 .8em; color:#777; position:relative; cursor:pointer; float:left; } .tb_close_lightbox:hover{ color:#000; } .tb_close_lightbox .ti-close{ padding:0 .5em; font-size: 13px; line-height:1.5; font-weight: bold; } .tb_close_lightbox .ti-close::before{ position:absolute; bottom:1px; transition:transform .3s; } .tb_close_lightbox:hover .ti-close::before{ transform:rotate(90deg); } .builder-lightbox.animated{ animation-duration:.1s; } .builder-lightbox.tb_predesigned_lightbox, .builder-lightbox.tb_save_module_lightbox, .builder-lightbox.tb_revision_lightbox, .builder-lightbox.tb_import_post_lightbox, .builder-lightbox.tb_custom_css_lightbox, body:not(.tb_panel_docked) .builder-lightbox { border-radius: 4px; } body.mce-fullscreen.themify_builder_active .builder-lightbox { overflow: initial; } /* tb lightbox small */ .tb_lightbox_small .tb_close_lightbox span { display: none; } .tb_lightbox_small .tb_options_tab li:first-child a { text-indent: 0; } .tb_lightbox_small .tb_options_tab li:not(:first-child) a { white-space: nowrap; position: relative; float: left; } .tb_lightbox_small .tb_options_tab li:not(:first-child) a::before { font-family: themify; text-indent: 0; float: left; } .tb_lightbox_small .tb_options_tab li:not(:first-child) a[href="#tb_options_styling"]::before { content: "\e650"; /* ti-brush */ } .tb_lightbox_small .tb_options_tab li:not(:first-child) a[href="#tb_options_animation"]::before { content: "\e630"; /* ti-layers-alt */ } .tb_lightbox_small .tb_options_tab li:not(:first-child) a[href="#tb_options_visibility"]::before { content: "\e63d"; /* ti-eye */ } /* switch to frontend */ .themify_builder_admin .tb_switch_frontend{ color:#dcdcdc; float:right; line-height:31px; margin-right:3px; text-decoration:none; } /* insert icon input */ .tb_icon_wrap{ position:relative; float: left; max-width:100%; margin-top:5px; } .tb_icon_wrap .tb_plus_btn:not(.default_icon){ border-radius:4px 0 0 4px; width:26px; } .tb_panel_docked .tb_icon_wrap { float: none; } .tb_field .tb_icon_wrap input[type=text]{ padding-left:32px; padding-right: 25px; margin-right: 0; width: 160px; max-width:100%; } .tb_icon_wrap .tb_clear_input{ font-size: 10px; right: 10px; } .tb_plus_btn { color: #000; text-align: center; width: 24px; height: 27px; line-height: 100%; background: #efefef; position: absolute; left: 1px; top: 1px; cursor: pointer; font-size: 12px; padding: 8px 4px 6px; margin:0; transition: all .25s ease; box-sizing: border-box; transition-property: border-radius,padding,margin; } .tb_plus_btn:hover { background: #eee; } .tb_plus_btn.default_icon { font-family: themify; } .tb_plus_btn.default_icon::before { content: "\e61a"; } .tb_plus_btn.default_icon { border-radius: 100%; width: 19px; height: 19px; font-size: 10px; margin:0 4px; top: 5px; padding: 5px 4px 5px 3px; color: #797979; } .tb_plus_btn.default_icon + .tb_clear_input{ display: none; } /* lightbox tab wrapper */ .builder-lightbox .tb_options_tab_wrapper{ position:relative; overflow:hidden; margin:0; -webkit-overflow-scrolling:touch; height:inherit; padding-top:15px; padding-bottom:5px; padding-right: 0; box-sizing: border-box; width:100%; z-index: 2; } .builder-lightbox .tb_options_tab_wrapper[style*="overflow: auto"] { padding: 10px 15px 20px; border-top:solid 10px #fff; /* cover tab curves */ } .builder-lightbox .tb_options_tab_wrapper .tb_styling_tab_header { display: flex; justify-content: space-between; width: 100%; align-items: center; margin-bottom: 10px; } .tb_panel_docked .builder-lightbox .tb_options_tab_wrapper[style*="overflow: auto"] { padding-bottom:160px; /* fix reset styling partial hidden */ } .builder-lightbox #tb_options_revision[style*="overflow: auto"] { overflow: hidden !important; } .builder-lightbox #tb_options_revision[style*="overflow: auto"] .tb_options_tab_wrapper { height: 100%; overflow: scroll; } .builder-lightbox .tb_options_tab_content{ padding: 0; width:100%; box-sizing:border-box; } /************************************************************************************ WP ADMIN STYLES *************************************************************************************/ .media-modal, .media-modal button{ font-variant:inherit; text-transform:none; font-weight:normal; letter-spacing:0; font-family:Arial, sans-serif; } .media-modal .themify_gallery_settings .gallery-settings{ display:none } .builder-lightbox a.builder_button.insert-media{ background:#fff; padding:4px 10px !important; border:solid 1px #ccc; text-decoration:none; font-size:12px; line-height:23px; height:auto; margin:0; cursor:pointer; border-radius:3px; white-space:nowrap; text-shadow:none; display:inline-block; } .builder-lightbox .wp-editor-tools a{ color:inherit !important; } /* LITE LIGHTBOX (confirmation lightbox) */ .tb_lite_lightbox_modal{ position:fixed; top:0; left:0; background-color:rgba(0,0,0,.5); width:100%; height:100%; z-index:999999; font-family:Arial, sans-serif; } .tb_lite_lightbox_modal .media-modal{ width:450px; margin:0 auto; bottom:auto; top:50%; transform:translateY(-50%); } .tb_lite_lightbox_modal .media-modal:focus{ outline:none; } .tb_lite_lightbox_modal .media-modal-content{ min-height:200px; position:relative; background:#fff; border-radius:5px; box-shadow: 0 1px 20px 3px rgba(0,0,0,.4); } .tb_lite_lightbox_modal .media-modal-backdrop{ background:transparent; } .tb_lite_lightbox_modal .tb_lite_lightbox_content{ padding:40px 20px; text-align:center; font-size:14px; } .tb_lite_lightbox_modal .tb_lite_lightbox_content p:first-child{ font-size:1.2em; color:#000; } .tb_lite_lightbox_modal button{ background: #664c9e; border:none; color:#fff; font-size:14px; padding:.7em 1.4em; cursor:pointer; font-weight:normal; margin:10px 5px; display:inline-block; text-align:center; box-shadow:none; border-radius:4px; text-decoration:none; outline:none; box-shadow:none; } .tb_lite_lightbox_modal button:hover{ background: #a188d6; } .tb_lite_lightbox_modal button:focus{ outline:none; box-shadow:none; } .tb_lite_lightbox_modal .media-modal-close{ width:auto; height:auto; padding:6px; margin:0; position:absolute; top:6px; right:6px; background:none; border:none; color: #777; transition: transform .3s; } .tb_lite_lightbox_modal .media-modal-close:hover{ background:none; transform: rotatez(90deg); color: #000; } .tb_lite_lightbox_modal .media-modal-close .media-modal-icon:before{ content: "\e646"; font-family: 'themify'; font-size: 14px; font-weight: bold; } .tb_lite_lightbox_modal .tb_litelightbox_prompt_input{ font-size:1em; max-width:80%; width:100%; background:#fff; border:1px solid #bdbdbd; padding:.7em .5em; margin:0 1.15em .4em 0; -webkit-appearance:none; color:#5b6270; border-radius:4px; } .tb_lite_lightbox_modal .tb_litelightbox_prompt_input:focus{ outline:none; } /* lightbox modal tabs */ .builder-lightbox .tb_options_tab{ margin:0; float:left; padding:0; list-style-type:none; pointer-events: auto; } .builder-lightbox .tb_options_tab li{ float:left; margin:0 0 -1px; padding:0; display: inline-table; } .builder-lightbox .tb_options_tab li.title{ text-transform:capitalize; } .builder-lightbox .tb_options_tab li.current, .builder-lightbox .tb_options_tab li.title{ background-color:#fff; color:#000; } .builder-lightbox .tb_options_tab li a, .builder-lightbox .tb_options_tab li.title{ display:block; padding:.7em .8em; color:#424242; font-size:14px; } .builder-lightbox.larger-lightbox .tb_options_tab li a, .builder-lightbox.larger-lightbox .tb_options_tab li.title{ font-size:1.1em; } .builder-lightbox .tb_options_tab li.current a{ color:#000; } .tb_options_tab li { position:relative; } .tb_options_tab li:before, .tb_options_tab li:after { content:""; width: 8px; height: 8px; position: absolute; bottom: 1px; z-index: 1; background: #e5e5e5; } .tb_options_tab li.current:before { left: -8px; border-bottom-right-radius: 4px; box-shadow: 4px 4px 0 4px #FFF; } .tb_options_tab li.current:after { right: -8px; border-bottom-left-radius: 4px; box-shadow: -4px 4px 0 4px #FFF; z-index: 2; } .gs_post .tb_options_tab li.current:before, .tb_options_tab li:first-child.current:before, .tb_panel_docked .tb_options_tab li:first-child:before { left: 0; background: 0; } .gs_post .tb_options_tab li.current, body:not(.tb_panel_docked) .tb_options_tab li:first-child.current { border-radius: 4px 0 0; } .gs_post .tb_lightbox_top_bar, body:not(.tb_panel_docked) .tb_lightbox_top_bar { border-radius: 4px 4px 0 0; } /* Lightbox action buttons (cancel, save) */ .tb_lightbox_actions{ float:right; } .builder-lightbox .reset-styling{ margin: 20px 0 10px; display:inline-block; } .builder-lightbox .reset-styling:hover{ color:#000; } .reset-styling i{ margin-right: 6px; } .tb_top_save_btn{ display:none !important; cursor: pointer; position: absolute !important; right: 5px; top: 2px; } .tb_top_save_btn:before, .tb_top_save_btn:after{ display: none; } .tb_panel_docked .tb_top_save_btn{ display:block !important; } .tb_panel_docked .ti-check.tb_tooltip span { left: auto; right: 5px; } .tb_panel_docked .ti-check.tb_tooltip span::before { left: auto; right: 11px; } /* reset Editor button */ .builder-lightbox .wp-editor-wrap .quicktags-toolbar input, .builder-lightbox .wp-editor-wrap .quicktags-toolbar textarea, .builder-lightbox .wp-editor-wrap .quicktags-toolbar select, .builder-lightbox .wp-editor-wrap .quicktags-toolbar input[type=search], .builder-lightbox .wp-editor-wrap .quicktags-toolbar .button{ color:#555; border:1px solid #ccc; border-radius:3px; background:#f7f7f7; font-weight:normal; box-shadow:none; vertical-align:top; text-transform:none; padding:0 8px 1px; } .builder-lightbox .wp-editor-wrap .quicktags-toolbar input:hover, .builder-lightbox .wp-editor-wrap .quicktags-toolbar textarea:hover, .builder-lightbox .wp-editor-wrap .quicktags-toolbar select:hover, .builder-lightbox .wp-editor-wrap .quicktags-toolbar input[type=search]:hover, .builder-lightbox .wp-editor-wrap .quicktags-toolbar .button:hover{ background:#fafafa; border-color:#999; color:#23282d; } .builder-lightbox .wp-editor-wrap .button{ border:1px solid #ccc; padding:0 8px 1px; } .builder-lightbox .wp-editor-wrap .button:hover{ border-color:#999; } /************************************************************************************ LIGHTBOX FIELDS AND INPUT *************************************************************************************/ .tb_field{ margin: 0 0 8px 0; } .tb_field.row_width{ margin-top:5px; } .tb_field.hide-auto-height{ display:none; } .tb_label{ width: 26%; margin: 0; padding: .5em 2% 0 0; float:left; line-height:1.5em; box-sizing:border-box; } .tb_input{ width: 74%; position:relative; float:left; box-sizing:border-box; } .tb_field.pushed, .tb_input.pushed, .tb_multi_fields.pushed, .tb_field input[type=text].tb_lb_option.pushed{ margin-left:26%; } .tb_disable_hover .tb_input{ pointer-events: none; opacity: .3; } .tb_input_after { color: #999; } /* fix vertical alignment in checkbox fields with only one option */ .tb_input .themify-checkbox input + label:first-of-type:last-child{ margin-top:.5em; vertical-align:bottom; } .range_wrapper{ display:inline-block; } .tb_tooltip_container, .tb_field .tb_range_input{ position:relative; min-width: 70px; } .tb_field .tb_range_input input{ width: 64px !important; /* required */ cursor:ns-resize; } .tb_field .tb_range_after { margin-left: 5px; } .tb_field input[type=text], .tb_field input[type=url]{ margin-right:5px; margin-bottom:5px; } .tb_field select{ font:1em/1.5em Arial, sans-serif; position:relative; background-color:transparent !important; -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding: .3em 30px .3em .5em; outline:none; z-index:2; cursor:pointer; text-indent:.01px; border-radius:0; width:130%; max-width:100%; height:auto; border:none; color:#000; box-shadow:none; border-radius: 4px; } .tb_field .tb_range:hover { border-color:#888; } .tb_field .selectwrapper{ position:relative; display:inline-block; vertical-align:middle; padding:0; margin:5px 5px 5px 0; background:transparent; overflow:hidden; border:1px solid #ccc; border-radius: 4px; } .tb_field .selectwrapper::before{ content:"\e64b"; position:absolute; width:30px; text-align:center; top:50%; right: 0; margin-top:-.5em; color:#aaa; font-size:12px; z-index:1; } .tb_field .selectwrapper:after{ position:absolute; top:0; left:0; height:100%; background-color:#fff; z-index:0; width:100%; content:''; } .tb_field .selectwrapper.clicked select{ border-color:#000; } /* noborder select */ .tb_field .selectwrapper.noborder{ border:none; background: none; width:auto; margin-left:-29px; } .tb_panel_docked .tb_multi_fields.tb_fields_count_4 .tb_field .selectwrapper.noborder{ position:absolute; top:4px; right: 0; } .tb_field .tb_tooltip_container:not(.display-inline-block) .selectwrapper.noborder{ -moz-transform: translateX(-7px); } .tb_field .selectwrapper span.tb_unit{ font: 1em/1.5em Arial, sans-serif; position:relative; z-index:2; } .tb_field .selectwrapper span.tb_unit, .tb_field .selectwrapper.noborder select{ font-size: 9px; background:#efefef !important; padding: 4px 1px 3px 3px; color:#888; border-radius: 3px; width: 18px; } .tb_field .selectwrapper span.tb_unit { padding: 4px; } .tb_field .selectwrapper.clicked::before, .tb_field .selectwrapper.noborder:hover select{ background:#e2e2e2 !important; color:#000; box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); } .tb_field select::-ms-expand, .selectwrapper.noborder::before{ display:none; } /* reset background color single selectwrapper */ .tb_field .selectwrapper span.tb_unit:not(.tb_lb_option) { background-color: #fff !important; padding: 4px 2px 4px 5px; } /* auto image fullwidth checkbox */ .tb_field.auto_fullwidth { margin-top: -8px; } /* Clear Buttons */ .tb_clear_btn{ position:absolute; top:-1px; right:13px; cursor:pointer; color:#ccc; } .minicolors_wrapper .tb_clear_btn{ top:9px; right:10px; } .tb_clear_btn:after{ content:"\e646"; font-size:8px; font-family:'themify'; } /* multi fields */ .tb_label + .tb_multi_fields{ float:left; width:74%; } .tb_multi_fields > .tb_field{ float: left; position: relative; margin-right: 6px; } .tb_fields_count_2 .tb_field{ max-width:48%; margin-right: 2%; } .tb_fields_count_3 .tb_field{ max-width:31.3%; margin-right: 2%; } .tb_fields_count_4 .tb_field{ max-width:23%; margin-right: 2%; } .tb_fields_count_5 .tb_field{ max-width: 18%; margin-right: 2%; } .multi_circle_feature .tb_field{ width:30%; max-width:100%; } .tb_multi_fields .tb_label{ width:100%; } .tb_multi_fields .fullwidth{ width:100% !important; max-width:100% !important; } .tb_multi_fields .tb_input{ width:auto; float:none; min-width:0; max-width:100%; padding-right: 5px; } .tb_multi_fields input.medium{ width:60px; } /* feature module */ .multi_circle_feature .circle_percentage_feature, .multi_circle_feature .circle_stroke_feature, .multi_circle_feature .circle_color_feature, .multi_circle_feature .circle_size_feature{ float: none; display: inline-block; width: auto; } .multi_circle_feature .tb_label { min-width: auto; } .multi_circle_feature .circle_color_feature .tb_label{ float: none; } /* custom circle size */ .tb_field.custom_circle_size_feature{ width: 100%; display: flex; align-items: center; } .custom_circle_size_feature .tb_label{ padding-top: 0; order: 1; } /* START font style option icons */ .tb_multi_fonts .tb_input{ margin-right:0; } .tb_multi_fonts .tb_multi_fields > .tb_field { width: auto !important; float: left !important; margin-right: 0 !important; } .tb_panel_docked .tb_multi_fonts .tb_label + .tb_multi_fields { display: block; } /* END font style option icons */ /*Builder BG Video Slider field fullwidth */ .tb_group_element_slidervideos-videos .tb_input { width: 100%; } /* small description text */ .builder-lightbox small, .builder-lightbox .small{ font-size:12px; color:#888; } .tb_slider_options small{ margin-left:5px; } .builder-lightbox small a{ color:#666; text-decoration:underline; } /* layout icon */ .builder-lightbox .themify-layout-icon a{ border: solid 2px #f1f1f1; border-radius: 3px; position:relative; margin-right: 4px; } .builder-lightbox .themify-layout-icon a:hover{ border-color: #c7c7c7; } .builder-lightbox .themify-layout-icon a.selected{ border-color:#f26522; } #tb_lightbox_parent .themify_tooltip, .themify_builder.builder-lightbox .themify_tooltip{ position:absolute; bottom:100%; left:50%; top:auto; text-align:center; width:auto; white-space:nowrap; z-index:11; background:rgba(0, 0, 0, .8); color:#fff; font-size:11px; line-height:1.1em; padding:4px 6px; border-radius:3px; transform:translate(-50%, -6px); display:none; } .tb_field .themify_tooltip::before{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid rgba(0, 0, 0, .8); border-bottom:none; position:absolute; top:100%; left:0; right:0; margin:0 auto; } .themify-layout-icon img, #tb_lightbox_parent label:hover .themify_tooltip, #tb_lightbox_parent a:hover .themify_tooltip, .themify_builder.builder-lightbox a:hover .themify_tooltip{ display:block; } .tb_field .tfl-icon{ display:inline-block; } .themify-layout-icon.tb_colors a { border-radius: 3px; } /* Toolbar first child gap */ #tb_lightbox_parent .tb_options_tab_content > .tb_field:first-child .themify_tooltip, .themify_builder.builder-lightbox .tb_options_tab_content > .tb_field:first-child .themify_tooltip{ top: 100%; bottom: auto; transform: translate(-50%, 6px); } .tb_options_tab_content > .tb_field:first-child .themify_tooltip::before{ top: auto; bottom: 100%; border-top: none; border-bottom: 5px solid rgba(0, 0, 0, .8); } /*layouts*/ .tb_accordion_default{ background-position: 0 0; } .tb_accordion_separate{ background-position: -32px 0; } .tb_callout_button_bottom{ background-position: -64px 0; } .tb_callout_button_bottom_center{ background-position: -96px 0; } .tb_callout_button_left{ background-position: -128px 0; } .tb_callout_button_right{ background-position: 0 -28px; } .tb_solid{ background-position: -32px -168px; } .tb_dashed{ background-position: -32px -28px; } .tb_dotted{ background-position: -63px -28px; } .tb_double{ background-position: -96px -28px; } .tb_fullwidth{ background-position: -128px -28px; } .tb_grid2{ background-position: 0 -56px; } .tb_grid2_thumb{ background-position: -32px -56px; } .tb_grid3{ background-position: -64px -56px; } .tb_grid4{ background-position: -96px -56px; } .tb_icon_left{ background-position: -128px -55px; } .tb_icon_right{ background-position: 0 -83px; } .tb_icon_top{ background-position: -32px -83px; } .tb_image_center{ background-position: -64px -84px; } .tb_image_left{ background-position: -96px -84px; } .tb_image_overlay{ background-position: -128px -84px; } .tb_image_right{ background-position: 0 -112px; } .tb_image_top{ background-position: -32px -112px; } .tb_image_card_layout{ background-position: -32px -195px; } .tb_image_centered_overlay{ background-position: -64px -195px; } .tb_list_post{ background-position: -64px -112px; } .tb_list_thumb_image{ background-position: -96px -112px; } .tb_menu_bar{ background-position: -128px -112px; } .tb_menu_fullbar{ background-position: 0 -140px; } .tb_menu_vertical{ background-position: -32px -140px; } .tb_slider_agency{ background-position: -64px -139px; } .tb_slider_caption_overlay{ background-position: -96px -139px; } .tb_slider_default{ background-position: -128px -139px; } .tb_slider_image_top{ background-position:-128px -84px; } .tb_tab_frame{ background-position: -64px -168px; } .tb_tab_top{ background-position: -96px -168px; } .tb_tab_vertical{ background-position: -128px -168px; } .tb_tab_window{ background-position: -160px 1px; } .tb_testimonials_image_bottom{ background-position: -160px -28px; } .tb_testimonials_image_top{ background-position: -160px -56px; } .tb_testimonials_image_bubble{ background-position: -192px -28px; } .tb_video_left{ background-position: -160px -84px; } .tb_video_overlay{ background-position: -160px -112px; } .tb_video_right{ background-position: -160px -140px; } .tb_video_top{ background-position: -160px -168px; } .tb_image_horizontal { background-position: 0 -196px; } .tb_normall_button{ background-position: -191px 0; } .tb_small_button{ background-position: -192px -140px; } .tb_large_button{ background-position: -192px -84px; } .tb_xlarge_button{ background-position: -192px -113px; } .tb_squared_button{ background-position: -197px -163px; } .tb_circle_button{ background-position: -197px -191px; } .tb_rounded_button{ background-position: -5px -219px; } .tb_solid_button{ background-position: -32px -224px; } .tb_outline_button{ background-position: -65px -224px; } .tb_transparent_button{ background-position: -96px -224px; } .tb_horizontal_button{ background-position: -160px -224px; } .tb_vertical_button{ background-position: -129px -224px; } .tb_optin_inline_block { background-position: -192px -222px; } .tb_optin_horizontal { background-position: 0 -252px; } .tb_optin_block { background-position: -32px -254px; } .tb_none{ background: #fff; } .themify-layout-icon img { width: 32px; height: 28px } .tb_frame.themify-layout-icon img { width: auto; height: auto; } /*colors*/ .tb_colors .tb_sprite{ background-image:url('../img/builder/colors.png'); background-repeat:no-repeat; display:block; width:20px; height:20px } .tb_black{ background-position:-1px -1px; } .tb_blue{ background-position:-23px -1px; } .tb_brown{ background-position:-45px -1px; } .tb_default{ background-position:-67px -1px; } .tb_green{ background-position:-1px -23px; } .tb_grey{ background-position:-23px -23px; } .tb_lavender{ background-position:-45px -23px; } .tb_light-blue{ background-position:-67px -23px; } .tb_light-green{ background-position:-1px -45px; } .tb_light-purple{ background-position:-23px -45px; } .tb_orange{ background-position:-45px -45px; } .tb_pink{ background-position:-67px -45px; } .tb_purple{ background-position:-1px -67px; } .tb_red{ background-position:-23px -67px; } .tb_rose{ background-position:-45px -67px; } .tb_transparent{ background-position:-67px -67px; } .tb_violet{ background-position:-89px -1px; } .tb_white{ background-position:-89px -23px; } .tb_yellow{ background-position:-89px -45px; } .tb_outline{ background-position:-89px -67px; } /* thumb preview */ .tb_upload_btn.thumb_preview.tb_plus_btn:not(:empty){ padding: 0; margin: 5px 0 0 0; background: none; } .tb_upload_btn.thumb_preview.tb_plus_btn{ padding: 6px; width: auto; height:auto; top: 1px; margin: 8px 0 0 3px; border-radius: 100%; font-size: 10px; color: #444; } .tb_upload_btn.thumb_preview::before { content: "\e61a"; font-family: themify; } .tb_uploader_input:invalid+.tb_clear_input, .thumb_preview:not(:empty)::before{ display: none; } .tb_lightbox_small .tb_multi_fields > .tb_field { max-width: none; float: none; } .builder-lightbox .thumb_preview img{ object-fit: cover; vertical-align: top; height: 27px; width: 27px; border-right: solid 1px #ddd; border-radius: 3px 0 0 3px; } .builder-lightbox .pad-right{ margin-right:7px; } /* color picker ---------------------------------------------------------------*/ .minicolors_wrapper .minicolors > .minicolors-swatch{ width:28px; height: 29px; border: 1px solid #ccc; background: #fff url(../img/jquery.minicolors.png) -80px 0; left:0; box-sizing:border-box; border-radius: 4px 0 0 4px; } #tb_lightbox_container .minicolors-swatch-color { border-radius: inherit; } #tb_lightbox_container .minicolors-focus{ z-index:200; } #tb_lightbox_container .minicolors-focus .minicolors-swatch span{ background-position:right top; } .tb_field .minicolors-grid .minicolors-picker{ width:12px; height:12px; } .tb_field input.minicolors-input{ width: 75px !important; margin-left:25px; border-radius: 0; } .minicolors.tb_minicolors_right .minicolors-panel{ left:auto; right:0; } /* Lightbox top bar with tabs */ #tb_lightbox_container{ height: calc(100% - 21px); } .tb_lightbox_top_bar{ background-color: #E5E5E5; cursor: move; } .tb_start_animate .tb_lightbox_top_bar{ pointer-events:auto; } .builder-lightbox form{ margin:0; padding:0; border:none; background:none; height:inherit; } .builder-lightbox img{ vertical-align:bottom; } .builder-lightbox hr{ height:1px; border:none; background:none; border-top:solid 1px rgba(0, 0, 0, .1); margin: 15px 0; clear:both; } .builder-lightbox p{ margin:0 0 15px; padding:0; font-size:inherit; line-height:inherit; } .builder-lightbox a{ outline:none; text-decoration:none; box-shadow:none; padding:0; margin:0; color: #605ca8; font-family: inherit; font-size: inherit; } /* sub headings */ .themify_builder_admin h1, .themify_builder_admin h2, .themify_builder_admin h3, .themify_builder_admin h4, .builder-lightbox h4{ font-size:inherit; font-family:inherit; margin:0; padding:0; color:#000; text-align:left; font-style:normal; border:none; box-shadow:none; background:none; } .builder-lightbox h3, .themify_builder_admin h3{ font-weight:normal; font-size:1.5em; line-height:1.5em; margin:20px 0 10px; } .builder-lightbox h4, .themify_builder_admin h4{ color:#000; font-weight:bold; font-size:14px; line-height:125%; margin:25px 0 10px; } .builder-lightbox hr + h4, .tb_style_toggle{ color:#000; font-size:13px; border-top: solid 1px rgba(0, 0, 0, .1); cursor:pointer; text-transform:uppercase; letter-spacing:.05em; font-weight: bold; } .tb_style_toggle{ padding:10px 0; } .tb_style_toggle:hover{ background:linear-gradient(to bottom, rgba(0,0,0,.04) 0%, rgba(255,255,255,.1) 100%); } .tb_expand_wrap:first-child .tb_style_toggle{ border:none; } .tb_options_tab_content>hr:first-child, .tb_tab>hr:first-child{ display:none; } .tb_expand_wrap{ border:none; margin:0; padding: 0; } .tb_style_toggle i{ float:right; } .tb_style_toggle .tb_closed::before{ content:"\e64b"; } .tb_field + .tb_style_toggle { margin-top: 20px; } .tb_closed+.tb_expanded_opttions{ max-height:0; overflow-y: hidden; opacity:0; } .tb_expanded_opttions{ cursor: auto; transition:opacity .5s ease-in-out,max-height .5s ease-in-out; max-height:100000px;/*animate style rows*/ } .tb_group_element_image { position: relative; margin-top: 8px; } .builder-lightbox hr + h4, .tb_options_tab_wrapper h4:first-child{ margin-top:0; border: none; cursor:auto; } /* upload button */ .tb_uploader_wrapper{ position:relative; } .tb_multi_fields .tb_uploader_wrapper{ float:left; /* for plus circle alignment */ } .tb_upload_btn{ display:inline-block; } .builder-lightbox input.tb_uploader_input{ width: 100%; padding-left: 32px; padding-right: 22px; } .builder-lightbox .plupload-button{ background:#eee; padding:2px 10px; font:normal 100%/100% Arial, Helvetica, sans-serif; color:#666; border:solid 1px #ddd; } .builder-lightbox .tb_gallery_btn, .tb_upload_btn .builder_button{ background:none !important; margin:0; padding:0; outline:none; font-family:inherit; font-size:1.1em; color:#491aaf !important; border:none; cursor:pointer; text-transform:none; border-radius:0; box-shadow:none; text-decoration:none; } .builder-lightbox .tb_gallery_btn{ font-size: 13px; display: block; text-align: left; } .tb_upload_btn .builder_button:hover{ background:none; color:#000; } /************************************************************************************ DROPDOWN MENU *************************************************************************************/ .tb_down{ background:#fff; width:100px !important; margin:0 !important; padding:5px 0 !important; position:absolute; z-index:550; top:26px; left:-1px; font-weight:normal; border:1px solid #d6d6d6; display:none; border-radius: 4px; box-shadow: 0 0 1px 0 rgba(0,0,0,.6), 0 3px 10px rgba(0,0,0,.2); max-height: 170px; overflow-y: auto; box-sizing: border-box; } .builder-lightbox .tb_down{ font-size:.95em; font-weight:600; top:100%; left: -10px; background:#fff; border: none; } .tb_down li{ display:block; color:#666; line-height:100%; padding:6px 12px; font-weight:normal; margin: 0; list-style: none; } .tb_down li:hover{ color:#000; text-decoration:none; background:#eee; cursor:pointer; } .tb_down li:last-child{ border:none; } .builder-lightbox .row_menu{ display:inline-block; position:relative; } .themify_builder .row_menu .menu_icon{ cursor:pointer; line-height:1em; display: inline-block; outline:none; } .themify_builder .row_menu .menu_icon:after{ content:"\e68e"; font-size:17px; } .tb_down:hover, .themify_builder .menu_icon:focus+.tb_down{ display:block; } /* add new */ .themify_builder .add_new{ margin: 5px 1.4em 5px 0; display:inline-block; } /* STYLING sub-tabs */ .tb_tab{ padding:20px 0 0; display:none; } .tb_tabs{ position:relative; zoom:1; } .tb_tabs .tb_tab:nth-of-type(1){ display:block; } .tb_options_tab_content .tb_tab { padding: 10px 0 0; } .tb_tabs .tb_tab_wrapper { margin:0; white-space: nowrap; } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper { border: none; border-bottom: 1px solid rgba(0, 0, 0, .15); padding: .2em .2em 0; } .tb_drag_top .tb_compact_tabs{ margin-left: 15px; } .tb_drag_top .tb_ui_dropdown_label{ color: #fff; } .tb_drag_top ul.tb_ui_dropdown_items{ padding: 5px 0; width: 100px; min-width: 0; left: 0; margin-left: 7px; top: 37px; } .tb_drag_top ul.tb_ui_dropdown_items li{ border: none; border-radius: 0; } .tb_is_minimize .tb_drag_top .tb_ui_dropdown_label{ cursor: move; position: static; } .tb_is_minimize .tb_drag_top .tb_ui_dropdown_items{ display: none; } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li { font-size:13px; list-style:none; margin:1px .2em 0 0; padding:0; white-space:nowrap; color:#555; border-radius:4px 4px 0 0; border:1px solid transparent; display: inline-block; position: relative; } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li.current { border-color: rgba(0, 0, 0, .15); border-bottom-color: transparent; margin-bottom: -1px; padding-bottom: 1px; background: #fff; } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li a{ color:#666; padding: 4px 10px; display: block; } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li a:hover{ color:#000; } #tb_tabs_pre-designed .tb_ui_dropdown_items li, ul.tb_ui_dropdown_items li a{ color:#666; display: block; width: 100%; box-sizing:border-box; text-transform: capitalize; } ul.tb_ui_dropdown_items li a:hover{ color:#000; } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li:before, .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li:after { content: ""; width: 4px; height: 4px; position: absolute; bottom: -1px; border: 1px solid transparent; } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li:before { left: -5px; border-bottom-right-radius: 4px; border-width: 0 1px 1px 0; } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li:after { right: -5px; border-bottom-left-radius: 4px; border-width: 0 0 1px 1px; } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li.current:before { border-color: #d9d9d9; box-shadow: 2px 2px 0 #fff; } .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li.current:after { border-color: #d9d9d9; box-shadow: -2px 2px 0 #fff; } .tb_tabs .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li:before, .tb_tabs .tb_tabs:not(.tb_compact_tabs) .tb_tab_wrapper li:after { display: none; } .tb_styling_tab_nav { position: sticky; top: -10px; z-index: 51; background-color: #fff; padding-top: 10px; } /* Sub Tab Styling */ .tb_field .tb_tabs .tb_tab_wrapper, .tb_field .tb_tabs .tb_tab_wrapper li{ border: none; } .tb_field .tb_tabs .tb_tab_wrapper{ padding: 0; margin: 15px 0 7px; } .tb_field .tb_tabs .tb_tab_wrapper li{ font-size: 13px; letter-spacing:.1em; margin:1px 0 0; float:left; } .tb_field .tb_tabs .tb_tab_wrapper li::before, .tb_field .tb_tabs .tb_tab_wrapper li::after{ display:none; } .tb_field .tb_tabs .tb_tab_wrapper li a{ color: #999; border-radius: 0; text-transform: uppercase; letter-spacing: .07em; line-height: normal; padding: 6px 12px 10px; transition: .3s; box-shadow: inset 0 -1px 0 0 #dedede; } .tb_field .tb_tabs .tb_tab_wrapper li a:hover { box-shadow: inset 0 -2px 0 0 #ccc; } .tb_field .tb_tabs .tb_tab_wrapper li.current a{ box-shadow: inset 0 -2px 0 0 #00a2fb; color: #000; } .tb_tabs .tb_tab_wrapper li.current a{ cursor: auto; } #tb_options_styling .tb_field .tb_tabs > ul { margin: 0 0 5px; } #tb_options_styling .tb_field .tb_tabs > ul li { font-size:11px; } /* For Color Opacity Textbox */ .tb_field input.color_opacity{ width: 33px; margin-left: -6px; margin-right:0; opacity: .6; border-top-left-radius:0; border-bottom-left-radius:0; } .minicolors_wrapper{ display:inline-block; width: 137px; } ul.tb_seperate_items{ margin:0; padding:0; list-style:none; vertical-align: middle; } .tb_seperate_items li{ margin:0 0 8px; padding:0; transition:.3s width ease-in-out,.3s opacity ease-in-out; } /************************************************************************************ Gradient Picker *************************************************************************************/ .themify-gradient-field{ position:relative; margin:0 0 13px; } .themifyGradient{ position:relative; } .tb_gradient_container{ display:none; outline:none; } .tb_gradient_container:focus .gradient-pointer-info, .tb_gradient_container .gradient-pointer-info:hover{ display:block; } .tb_gradient_container .themify-color-picker:focus+.minicolors-swatch+.minicolors-panel, .tb_gradient_container:not(.tb_gradient_drag):focus .gradient-pointer-info .minicolors-panel{ display:block !important; } .tb_gradient_container.tb_gradient_drag .gradient-pointer-info{ display: none; } .themifyGradient .point-color, .themify-gradient-field .themify-checkbox{ display:inline-block; } .themifyGradient canvas{ cursor:pointer; width: 173px; } .themifyGradient .gradient-pointer-info{ display:none; margin-right:20px; margin-top:3px; position:absolute; z-index:80; transition:margin-left .3s ease-in-out; height:182px; left: 0; box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 4px 10px 2px rgba(0,0,0,.3); } .themifyGradient .content{ background-color:#fff; color:#afafaf; padding:5px 4px; font-size:12px; position:relative; max-width:186px; width:186px; } .themifyGradient .points{ position:absolute; z-index:50; max-height:20px; margin-top: 4px; left: 0; top: 0; width: 180px !important; } .points .point{ position:absolute !important; width:12px; margin-left:-7px; height:12px; top:0; border:2px solid #6b6b6b; border-radius:100%; cursor:pointer; margin-top:-4px; } .themifyGradient .gradient-point-delete{ width:12px; height:12px; position:absolute; top:6px; right:4px; color:#000 !important; font-size:10px; } .themifyGradient .point-color .minicolors-swatch{ position:relative; top:0; left:0; width:20px !important; height:20px !important; cursor:pointer; margin-top:0; } .themifyGradient .content .themify-color-picker, .themifyGradient .content .point-position{ display:inline-block; width:40px; margin:0 3px 0 0; height:19px; padding:4px .5em; font-size:inherit; } .themifyGradient .content .point-position{ margin-left:13px; } .themifyGradient .content .gradient_delimiter{ position:absolute; left:108px; top:0; width:1px; background:#ccc; margin:0; height:100%; } .themifyGradient .content .gradient_percent{ margin-left:2px; vertical-align:middle; } .themifyGradient .gradient-pointer-info .content .minicolors-panel{ box-shadow:none; margin-left:-5px; margin-top:5px; } .tb_field .gradient-angle-knob{ margin-left:1px; display: inline; width: 63px; position:relative; } .tb_field .gradient-angle-knob .themify-gradient-angle{ border-radius:0; margin:5px 0 .5em; } .gradient-angle-knob canvas{ display:none; position:absolute; top:100%; left:0; padding:10px; border:1px solid #ddd; border-radius:2px; background:#fff; z-index:99999; margin-top:6px; } .themify-gradient-angle:focus+canvas{ display:block; } .tb_fixed_scroll{ position:fixed; bottom:0; left:0; width:100%; height:50px; z-index:100; display:none; } .tb_drag_start .tb_fixed_scroll{ display:block; } .tb_drag_start .tb_middle_bar, .tb_drag_start #tb_toolbar ul, .tb_drag_start #tb_toolbar div{ pointer-events:none; } body.themify_builder_active:not(.tb_responsive_mode){ overflow:hidden; } /* predesigned layouts ---------------------------------------------------------------*/ #tb_tabs_pre-designed { clear:both; padding-bottom: 10px; } .tb_layout_lists .layout_preview .thumbnail{ cursor:pointer; position: relative; } #tb_lightbox_container .tb_layout_lists > li:hover .layout_preview .layout-preview-link{ transform: scale(1); } #tb_lightbox_container .tb_layout_lists .layout_preview .layout-preview-link{ float:none; padding: 5px 6px 6px 7px; position: absolute; top: -5px; right: -5px; background: #481aab; color: #fff; border-radius: 100%; width: 26px; height: 26px; box-sizing: border-box; transform: scale(0); box-shadow:0 1px 3px rgba(0,0,0,.2); transition: .25s cubic-bezier(.1,.1,.8,1); } #tb_lightbox_container .tb_layout_lists .layout_preview .layout-preview-link:hover { background: #fb5100; color: #fff; } #tb_tabs_pre-designed .tb_ui_dropdown { float:left; position: relative; margin-top:3px; } .tb_layout_lists, .tb_layout_lists .layout_action_dropdown{ margin:0; padding:0; list-style:none; } .tb_layout_lists > li{ width: 23%; float:left; margin-left: 2.66%; margin-bottom:1em; position: relative; } .tb_layout_lists{ clear:both; padding-top: 6px; } .tb_layout_lists>li.layout-column-break{ clear:left; margin-left:0; } .tb_layout_lists .thumbnail{ margin:0 0 5px; padding:0; border:none; border-radius:0; } .tb_layout_lists .thumbnail img{ width:100%; height:auto; padding:0; box-sizing:border-box; cursor:pointer; box-shadow:0 1px 4px rgba(0,0,0,.1); } .tb_layout_lists > li:hover .thumbnail img{ outline:solid 3px #ff9640; outline-offset:-3px; box-shadow:0 1px 10px rgba(0,0,0,.1); } .tb_layout_lists .menu_icon{ font-size:1.18em; display:inline-block; vertical-align:middle; margin:-5px 10px 0 0; } .tb_layout_lists .layout_title, .tb_layout_lists .layout_dropdown_wrapper{ display:inline-block; } .tb_layout_lists .layout_title { font-size: 12px; line-height: 1.4; } .tb_layout_lists .layout_dropdown_wrapper{ position:relative; padding-bottom:10px; cursor:pointer; } .tb_layout_lists .layout_action_dropdown{ background:#fff; display:none; position:absolute; top:100%; left:0; margin:0; padding:0; border:1px solid #ddd; } .tb_layout_lists .layout_action_dropdown li{ margin:0; padding:0; } .tb_layout_lists .layout_action_dropdown li a{ display:block; width:100px; padding:10px 15px; color:#7f7f7f; } .tb_layout_lists .layout_action_dropdown li a:hover{ color:#000; } .tb_layout_lists .layout_action_dropdown li:nth-child(2) a{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .tb_lightbox_small .tb_layout_lists { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 1em; } .tb_lightbox_small .tb_layout_lists > li { width: 100%; box-sizing: border-box; margin: 0 0 1em; } /* predesigned layout search */ .tb-layout-search-container{ float:right; } .tb-layout-search-container .tb_clear_input{ right:16px; top: 25px; } #tb_layout_search{ width: 80px; transition: width .3s; margin: 0; } #tb_layout_search:focus{ width:100px; } /* predesigned layout sticky */ .tb_layout_sticky:after, .tb_layout_lists:after{ content:""; clear:both; display:block; } .tb_layout_sticky { background: #fff; position: sticky; top: 0; z-index:9; padding: 10px; margin: 0 -10px; } /* WP media lightbox */ .themify_builder_active .media-frame input:not([type='checkbox']):not([type='radio']) .themify_builder_active .media-frame textarea{ background:#fff; border:solid 1px #dfdfdf; color:#999; max-width:100%; } .themify_builder_active .media-frame input:not([type='checkbox']):not([type='radio']):focus, .themify_builder_active .media-frame textarea:focus{ background:#fff; border:solid 1px #dfdfdf; color:#333; } .themify_builder_active .media-modal .screen-reader-text{ visibility:hidden; } .media-modal h1, .media-modal h2, .media-modal h3{ color:#222; font-style:normal; font-variant:inherit; text-transform:none; font-family:inherit; font-weight:normal; text-align:inherit; letter-spacing:0; } .media-modal h1{ font-size:22px; } .media-modal h2{ font-size:18px; } .media-modal h3{ font-size:16px; } /* wp mce editor */ .builder-lightbox .wp-editor-wrap button:not(.wp-switch-editor), .builder-lightbox .wp-editor-wrap button:not(.wp-switch-editor):hover{ color:inherit; background:inherit; border-radius: 4px; box-shadow:none; min-width:inherit; } .mce-menu .mce-menu-item:hover .mce-text { color:#fff; } .builder-lightbox .wp-editor-tabs button { border-radius:4px 4px 0 0; } .builder-lightbox .wp-editor-container textarea{ border-radius:0; margin:0; } #wp-link p.howto{ padding:0; } #link-selector{ font-family:"Open Sans",sans-serif; font-size:13px; line-height:1.5; } #link-selector input{ margin:1px; padding:3px 5px; } .wp-editor-container{ background:#fff !important; } div.mce-toolbar-grp{ border:none !important; } div.mce-panel iframe { height: 160px; min-height: 160px; } .wp-editor-container textarea.wp-editor-area, div.mce-edit-area { max-height: 400px; /* set classic editor max height */ overflow:auto; } .mce-fullscreen div.mce-edit-area { max-height: none; /* set classic editor max height */ } .tb_panel_docked div.mce-panel iframe { max-height: 240px; } /* Themify Shortcodes Button */ i.mce-ico.mce-i-themify{ background:url('../img/favicon.png') no-repeat 4px 2px; } .mce-container .mce-label{ color:initial; } .screen-reader-text, .tb_hide{ display:none; } .ui-autocomplete{ position:absolute; top:0; cursor:default; } .tb_resizable{ position:absolute; z-index:90; } #tb_lightbox_parent .tb_resizable{ pointer-events: auto; } .tb_resizable-e{ cursor:e-resize; width:6px; right:0; top:0; height:100%; } .tb_resizable-st, .tb_resizable-s{ cursor:s-resize; height:6px; width:100%; bottom: -3px; left:0; } .tb_resizable-w{ cursor:w-resize; width:6px; left: -3px; top:0; height:100%; } .tb_resizable-st{ top: -4px; } .tb_resizable-se, .tb_resizable-we{ overflow: hidden; width: 14px; height: 14px; bottom:-3px; } .tb_resizable_ne, .tb_resizable_nw{ overflow: hidden; width: 14px; height: 14px; top:-3px; } .tb_resizable-we{ cursor: nesw-resize; left:-3px; } .tb_resizable-se{ right:0; cursor: nwse-resize; } .tb_resizable_ne{ right:-3px; cursor: nesw-resize; } #tb_module_panel .tb_resizable_ne{ width:6px; height:6px; } .tb_resizable_nw{ left: -3px; cursor: nwse-resize; } .tb_resizable_overlay{ position:fixed; z-index:9000; top:0; left:0; width:100%; height:100%; display:none; } .tb_resizing .tb_lightbox_top_bar, .tb_resizing #tb_lightbox_container{ -webkit-touch-callout:none; user-select:none; pointer-events:none; /*for wp editor*/ } .tb_lightbox_switcher{ margin: 0; padding: 0 15px 10px 0; } .tb_lightbox_switcher li{ margin:0 8px 0 0; float:left; list-style:none; } .tb_lightbox_switcher a{ box-sizing:border-box; display:inline-block; overflow:hidden; max-width:33px; white-space:nowrap; position:relative; padding:6px 7px; color:#666; font-size:12px; line-height:1; border-radius: 4px; text-align:center; } .tb_lightbox_switcher a:hover{ color:#666; } .tb_lightbox_switcher i::before{ display:inline-block; vertical-align:middle; font-size:1.5em; } .tb_preview_parent.builder-breakpoint-tablet_landscape li>a:focus + .tb_popular_devices, .tb_preview_parent.builder-breakpoint-tablet li>a:focus + .tb_popular_devices, .tb_preview_parent.builder-breakpoint-mobile li>a:focus + .tb_popular_devices{ display: block; } li.tb_toolbar_desktop_switcher ul.tb_popular_devices{ width: 140px; padding: 5px 0; } .tb_popular_devices li{ padding: 6px 12px; margin: 0 !important; cursor: pointer; color: #dcdcdc; line-height: 1.3; } .tb_popular_devices li:hover{ color:#fff; background: #000; box-shadow: none; } /* OPTION LIGHTBOX DOCK MODE */ .tb_panel_docked:not(.tb_standalone_lightbox) .builder-lightbox{ height:100vh !important; bottom:auto !important; margin:0; border-right:none; border-top:none; border-bottom:none; box-shadow:none; } .tb_panel_docked #tb_module_panel, .tb_panel_docked:not(.tb_standalone_lightbox) .builder-lightbox{ width:300px !important; left: inherit !important; top: 37px !important; } .tb_panel_docked #tb_lightbox_parent .tb_action_breadcrumb { background: #989898; float: none; transform: none; position: static; padding: 4px; cursor: move; } .tb_panel_docked .tb_action_breadcrumb:not(:empty)+.tb_lightbox_top_bar { pointer-events: none; } .tb_panel_docked #tb_lightbox_parent .tb_action_breadcrumb:empty { display: none; } .tb_panel_docked #tb_lightbox_parent .tb_action_breadcrumb:empty + .tb_lightbox_top_bar .tb_top_save_btn { top: 0; } .tb_panel_docked:not(.tb_standalone_lightbox) .tb_action_breadcrumb:not(:empty) + .tb_lightbox_top_bar + #tb_lightbox_container .simplebar-scroll-content { padding-bottom: 50px; } .tb_panel_docked .tb_top_save_btn{ top: 29px; } .tb_panel_docked #tb_module_panel{ height:100%; padding-bottom: 130px; max-height: 100%; } .tb_panel_minimized #tb_module_panel{ transform:translateX(-100%); opacity: 0; visibility: hidden; } .tb_panel_docked.themify_builder_active .tb_workspace_container{ width: calc( 100% - 300px ); margin-left:0; } .tb_panel_right_dock.tb_panel_minimized .tb_workspace_container, .tb_panel_right_dock #tb_module_panel, .tb_panel_left_dock .tb_workspace_container, .tb_panel_right_dock:not(.tb_standalone_lightbox) .builder-lightbox{ right:0 !important; left:auto !important; } .tb_panel_left_dock.tb_panel_minimized .tb_workspace_container, .tb_panel_right_dock .tb_workspace_container, .tb_panel_left_dock:not(.tb_standalone_lightbox) .builder-lightbox{ left:0 !important; right:auto !important; } .tb_panel_docked .tb_module_panel_modules_wrap .tb_module_outer{ width: 33.3%; } .tb_panel_docked:not(.tb_standalone_lightbox) .tb_lightbox_actions{ position:absolute; bottom:37px; right:0; background:#fff; width:100%; z-index:100; padding:3px 5px 5px; box-sizing:border-box; text-align:right; border-top:solid 1px rgba(0,0,0,.1); box-shadow:0 -1px 5px rgba(0,0,0,.1); pointer-events:none; } .tb_panel_docked:not(.tb_standalone_lightbox) .tb_options_tab_wrapper{ max-height:100vh; height:auto; } .tb_panel_docked .tb_label, .tb_panel_docked .tb_input{ box-sizing: border-box; } .tb_panel_docked .tb_label { width: 40%; padding: 8px 3% 0 0; margin: 0; } .tb_panel_docked .tb_input{ width: 60%; float: left; } .tb_panel_docked .tb_label:empty + .tb_input { margin-left: 40%; } .tb_panel_docked.themify_builder_active.tb_load_layout_active .tb_workspace_container, .tb_panel_docked .tb_input input[type="url"], .tb_panel_docked .tb_input input[type="text"].tb_lb_option:not(.small):not(.xsmall):not(.tb_uploader_input), .tb_panel_docked input.fullwidth, .tb_panel_docked input.large, .tb_panel_docked input.xlarge, .tb_panel_docked textarea.large, .tb_panel_docked textarea.xlarge { width: 100%; } .tb_panel_docked .tb_field.content_box, .tb_panel_docked .wp-editor-wrap { margin: 0 0 5px; } .tb_panel_docked .tb_field.pushed, .tb_panel_docked .tb_input.pushed{ margin-left:0; } .tb_panel_docked #tb_lightbox_parent .tb_lb_option input:first-child + label .themify_tooltip{ left:0; transform:none; margin-bottom:6px; } .tb_panel_docked #tb_lightbox_parent .tb_lb_option input:first-child + label .themify_tooltip::before{ margin-left:5px; } .tb_panel_docked #tb_lightbox_parent .tb_lb_option label:last-child .themify_tooltip{ left:0; margin-left:5px; } .tb_panel_docked #tb_lightbox_parent .tb_lb_option label:last-child .themify_tooltip::before{ margin-right:5px; } .tb_panel_docked .tb_multi_fields > .tb_field { max-width: none; width: 100%; margin-right: 0; margin-bottom: 3px; } .tb_panel_docked .tb_multi_fields > .tb_field:last-child { margin-bottom: 0; } .tb_panel_docked .builder-lightbox .tb_options_tab li a{ font-size: 14px; } .tb_lightbox_small.builder-lightbox .tb_options_tab li:first-child a, .tb_panel_docked .builder-lightbox .tb_options_tab li:first-child a{ max-width: 110px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tb_lightbox_small .tb_options_tab .tb_tooltip{ text-indent: -9999px; } .tb_standalone_lightbox #tb_lightbox_parent .tb_tooltip span, .tb_is_minimize.tb_panel_floating .tb_resizable, .tb_modules_panel_wrap .tb_resizable, .tb_panel_docked .ui-icon-arrow-1-se, .tb_drag_start .tb_panel_floating, .tb_panel_docked:not(.tb_standalone_lightbox) .tb_resizable, .tb_panel_docked .tb_label:empty, .tb_options_tab .tb_tooltip span{ display: none; } .tb_lightbox_small .tb_options_tab .tb_tooltip span{ text-indent:0; display: block; } .tb_panel_docked .tb_repeatable_field .tb_multi_fields .tb_label, .tb_panel_docked .tb_repeatable_field .tb_multi_fields .tb_input{ width: 100%; float: none; padding: 0; } .tb_drag_top{ position:relative; background: #868686; padding-top: 18px; border-radius: 4px 4px 0 0; } #tb_module_panel.tb_float_xsmall .tb_drag_top{ padding-top:12px; z-index: 11; } .tb_drag_handle{ display: none; position: absolute; height: 100%; width: 100%; cursor: move; top: 0; left: 0; } .tb_float_close, .tb_float_minimize{ display: none; margin-top: 5px; margin-right: 5px; cursor:pointer; color: #fff; font-size: 11px; position: absolute; top: 0; right: 1px; z-index: 1; } .tb_float_minimize{ right: 20px; } .tb_is_minimize .tb_float_minimize::before{ content: "\e61a"; } .tb_panel_floating .tb_float_close, .tb_panel_floating .tb_resizable, .tb_panel_floating .tb_float_minimize, .tb_panel_floating .tb_drag_handle, .themify_lightbox_drag .tb_resizable_overlay, .tb_panel_resize .tb_resizable_overlay, .tb_panel_drag .tb_resizable_overlay, .tb_panel_docked:not(.tb_standalone_lightbox) .tb_drag_handle{ display: block; } .tb_is_minimize .tb_module_types { opacity: .3; pointer-events: none; } #tb_module_panel.tb_is_minimize .tb_drag_top { border-radius: 3px; box-shadow:0 0 1px 0 rgba(0,0,0,.6), 0 3px 10px rgba(0,0,0,.2); } .tb_panel_docked #tb_module_panel, .tb_panel_docked .tb_drag_top { border-radius: 0; } .tb_panel_docked .tb_drag_top{ padding-top:12px; z-index: 11; } #tb_module_panel.tb_is_minimize .tb_drag_top .tb_module_types li:before, #tb_module_panel.tb_is_minimize .tb_drag_top .tb_module_types li:after { transform: scaleY(0); } /* docked mode - gradient picker */ .tb_panel_docked .themify-gradient-field { margin: 0 0 0 -100px; clear: both; } .tb_lightbox_small .themifyGradient .gradient-pointer-info, .tb_panel_docked .themifyGradient .gradient-pointer-info { margin-left: auto !important; margin-right: auto; } .minicolors.tb_minicolors_right .minicolors-panel, .tb_panel_docked .minicolors.tb_minicolors_right .minicolors-panel { left: 0; right: 0; } .tb_panel_docked .themifyGradient .content { margin-left: 0; } .tb_panel_docked .tb_close_lightbox, .tb_panel_docked .builder_button{ display:inline-block; float:none; } .tb_panel_docked:not(.tb_standalone_lightbox) .builder-lightbox .tb_options_tab_wrapper > .simplebar-scroll-content{ height: calc( 100vh - 172px) !important; } .tb_panel_docked:not(.tb_standalone_lightbox) .simplebar-scroll-content{ padding-bottom: 20px; padding-right: 15px; margin-left: 15px; } .tb_panel_docked:not(.tb_standalone_lightbox) .builder_cancel_docked_mode{ display:block; } .tb_panel_left_dock .ti-new-window{ transform: rotateY(180deg); display: block; } .builder_cancel_docked_mode{ position:absolute; top:8px; left:8px; cursor:pointer; transform:scaleX(-1); display:none; font-size: 11px; } .tb_dock_highlight::before{ content:''; position:fixed; top:0; bottom:0; right:0; width:50px; background:rgba(109, 85, 160, .4); z-index:10000; } .tb_dock_left_highlight::before{ left:0; right:auto; } .tb_panel_docked .tb_close_lightbox, .tb_panel_docked .tb_lightbox_actions a, .tb_panel_docked .tb_lightbox_actions button{ pointer-events:auto; color: inherit; } .tb_panel_docked .themifyGradient .gradient-pointer-info .minicolors-position-bottom .minicolors-panel, .themify_field_row .minicolors-position-left.minicolors-with-opacity .minicolors-panel, .themifyGradient .gradient-pointer-info .minicolors-with-opacity .minicolors-panel { left: 0; } .tb_panel_docked .minicolors-position-bottom.minicolors-with-opacity .minicolors-panel, .minicolors-position-left.minicolors-with-opacity .minicolors-panel { left: -24px; } .tb_panel_docked .top-frame_color .minicolors-position-bottom.minicolors-with-opacity .minicolors-panel, .tb_panel_docked .right-frame_color .minicolors-position-bottom.minicolors-with-opacity .minicolors-panel, .tb_panel_docked .bottom-frame_color .minicolors-position-bottom.minicolors-with-opacity .minicolors-panel, .tb_panel_docked .left-frame_color .minicolors-position-bottom.minicolors-with-opacity .minicolors-panel, .top-frame_color .minicolors-position-left.minicolors-with-opacity .minicolors-panel, .right-frame_color .minicolors-position-left.minicolors-with-opacity .minicolors-panel, .bottom-frame_color .minicolors-position-left.minicolors-with-opacity .minicolors-panel, .left-frame_color .minicolors-position-left.minicolors-with-opacity .minicolors-panel { left: 0; } /* START panel minimize icon */ .tb_docked_minimize{ position: fixed; background: #f1f1f1; top: 50%; left: 0; transform: translateY(-50%); padding: 18px 7px; box-sizing: border-box; display: none; z-index: 100010; cursor: pointer; margin-top: 37px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .tb_docked_minimize::after, .tb_docked_minimize::before{ right: 4px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-right-color: #7d7d7d; border-width: 5px; margin-top: -5px; } .tb_panel_minimized .tb_docked_minimize, .tb_docked_minimize:hover{ background:#f1f1f1; box-shadow: 1px 0 12px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.3); } .tb_docked_minimize:hover { background: #fff; } .tb_panel_minimized .tb_docked_minimize, .tb_panel_docked .tb_docked_minimize{ display: block; } .tb_panel_right_dock .tb_docked_minimize{ left:auto; right:0; } .tb_panel_right_dock .tb_docked_minimize{ border-radius:0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .tb_panel_minimized .tb_docked_minimize::before, .tb_panel_minimized .tb_docked_minimize::after, .tb_panel_right_dock .tb_docked_minimize::before, .tb_panel_right_dock .tb_docked_minimize::after{ border-left-color: #7d7d7d; border-right-color: transparent; left: 4px; } .tb_panel_minimized.tb_panel_right_dock .tb_docked_minimize::before, .tb_panel_minimized.tb_panel_right_dock .tb_docked_minimize::after { border-left-color: transparent ; border-right-color: #7d7d7d; left: auto; } .tb_docked_minimize:hover::before, .tb_docked_minimize:hover::after { animation: animate_minimize_icon_ltr 1s infinite linear; } .tb_panel_minimized .tb_docked_minimize:hover::before, .tb_panel_minimized .tb_docked_minimize:hover::after { animation: animate_minimize_icon_rtl 1s infinite linear; } /* tb_panel_minimized arrow left/right animation */ @keyframes animate_minimize_icon_ltr { 0% {transform: translateX(0);} 50% {transform: translateX(-4px);} 100% {transform: translateX(0);} } @keyframes animate_minimize_icon_rtl { 0% {transform: translateX(0);} 50% {transform: translateX(4px);} 100% {transform: translateX(0);} } /* END panel minimize icon */ /* Docked panel each label */ .tb_panel_docked .tb_icon_radio label{ margin-bottom:5px; } /* Docked panel pre-designed */ .tb_panel_docked:not(.tb_standalone_lightbox) .tb_layout_lists { display: -ms-flexbox; display: flex; flex-wrap: wrap; } .tb_panel_docked:not(.tb_standalone_lightbox) .tb_layout_lists > li{ width:46%; margin-right:2%; margin-left:2%; box-sizing:border-box; } /* Docked panel Save Button */ .tb_panel_docked .tb_tooltip.builder_save_button span{ top:auto; bottom:100%; margin-bottom:5px; } .tb_panel_docked .tb_tooltip.builder_save_button span::before{ bottom:auto; top:100%; } /* Docked Panel Fields */ .tb_panel_docked .tb_tile_options .tb_input.pushed, .tb_panel_docked .layout_masonry .tb_input.pushed, .tb_panel_docked .menu_breakpoint .tb_input.pushed, .tb_panel_docked .menu_slide_direction .tb_input.pushed, .tb_panel_docked .allow_menu_breakpoint .tb_input.pushed{ margin-left:0; } /* Docked Panel Accordion Fields */ .tb_panel_docked .multi_accordion_icon{ width:100%; } .tb_panel_docked .multi_accordion_icon .tb_field{ max-width:none; width:100%; } /* Docked Panel Countdown MultiFields */ .tb_panel_docked .tb_label + .tb_multi_fields { display: -ms-flexbox; display: flex; width: 60%; flex-wrap: wrap; } .tb_panel_docked .tb_label:empty + .tb_multi_fields { width: 100%; } .tb_panel_docked .tb_label:empty + .tb_multi_fields .tb_label { width: 40%; float: left; } .tb_panel_docked .tb_label:empty + .tb_multi_fields .tb_input { width: 60%; float: left; margin-right: 0; } .tb_panel_docked .builder-lightbox input.small, .builder-lightbox textarea.small { width: 40%; } .tb_panel_docked .tb_label + .tb_multi_fields .tb_label, .tb_panel_docked .tb_label + .tb_multi_fields .tb_input { width: 100%; } .tb_panel_docked .image_fullwidth_container.tb_multi_fields > .tb_field.width_image { margin-right: auto; width: auto; } .tb_panel_docked .image_fullwidth_container.tb_multi_fields > .tb_field.width_image .tb_input { width: 100%; } .tb_lightbox_small .counter_background_color, .tb_panel_docked .counter_background_color { z-index: 201; position: relative; } /* Docked Panel Box Shadow Fields */ .tb_field .tb_shadow_inputs.tb_inline_list li .selectwrapper.noborder { margin-left: 30px; } .tb_field .tb_shadow_inputs.tb_inline_list > li { width: 54px; } .tb_field .tb_shadow_inputs .tb_range_input input { width: 52px !important; } .tb_field .tb_shadow_inputs.tb_inline_list li.tb_box_shadow_inset, .tb_field .tb_shadow_inputs.tb_inline_list li.tb_box_shadow_inset { display: block; width: auto; } .tb_panel_docked .tb_field .tb_shadow_inputs.tb_inline_list > li:nth-of-type(4), .tb_lightbox_small .tb_field .tb_shadow_inputs.tb_inline_list > li:nth-of-type(4) { width: 100%; } /* Zoom BG */ .tb_zoom_bg .tb_iframe{ transition:scale .3s ease-in-out,transform .3s ease-in-out; } .tb_zoom_bg .tb_zooming_50{ transform:scale(.5); transform-origin:center top 0; } .tb_zoom_bg .tb_zooming_75{ transform:scale(.75); transform-origin:center top 0; } .tb_zoom_bg{ background:#e6e6e6; } .tb_preview_parent.tb_responsive_mode .tb_iframe{ border:21px solid #1d2d2d; border-radius:15px; height:85vh; margin:auto; } .tb_preview_parent.tb_responsive_mode:not(.builder-breakpoint-tablet_landscape) .tb_iframe{ border-bottom-width:42px; } .tb_preview_parent.tb_responsive_mode.builder-breakpoint-tablet_landscape .tb_iframe{ border-right-width:42px; } .themify_builder_active.tb_drag_start{ cursor:move; } ._tb_hide_binding, .tb_drag_start:not(.tb_panel_docked) #tb_lightbox_parent, .tb_panel_closed:not(.tb_panel_docked) #tb_module_panel, .tb_preview_parent #tb_module_panel, .tb_preview_parent .tb_docked_minimize, .tb_preview_parent:not(.gs_post) #tb_lightbox_parent{ display:none !important; } .tb_panel_minimized .tb_workspace_container, .tb_preview_parent.tb_panel_docked:not(.gs_post) .tb_workspace_container, .tb_preview_parent.tb_panel_docked #tb_toolbar{ width:100% !important; } .tb_preview_parent.builder-breakpoint-tablet_landscape .tb_iframe{ height:768px; } .tb_preview_parent.builder-breakpoint-tablet .tb_iframe{ height:1024px; } .tb_preview_parent.builder-breakpoint-mobile .tb_iframe{ height:667px; } .tb_preview_parent.tb_responsive_mode .tb_workspace_container{ overflow:auto; display:-ms-flexbox; display:flex !important; justify-content:center; } .tb_toolbar_menu li .tb_toolbar_down { background: none; position: static; display: inline-block; padding: 0; visibility: visible; opacity: 1; } /* Responsive View */ .tb_vertical_bars{ display: inline-block; height: 100vh; position: relative; width: 100%; z-index: 0; text-align: center; } .tb_touch .tb_workspace_container, .tb_touch .tb_workspace_container .tb_vertical_bars { -webkit-overflow-scrolling: touch; overflow-y: scroll; } .tb_vertical_change_tooltip{ position: absolute; background: #7d7b7b; padding: 2px 10px; border-radius: 3px; top: 50%; right: 0; font-size: 10pt; font-family: 'Arial', sans-serif; color: #eee; transform: translate(100%); } #tb_right_bar .tb_vertical_change_tooltip{ left:0; right:auto; transform: translate(-100%); } .tb_vertical_bars .tb_mousemove_cover { z-index: 3; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events:all; } .tb_middle_bar{ margin-left: 0; text-align: center; z-index: 2; background-color: rgba(0,0,0,.1); width: 8px; height: 100%; position: absolute; display:inline-block; } .tb_resizing_start .tb_middle_bar{ background-color: #3ebaea; } #tb_left_bar{ margin-left: -8px; } .tb_middle_bar:hover{ background-color: #3ebaea; cursor: col-resize; } .tb_vertical_change_tooltip:empty, .tb_preview_parent .tb_middle_bar{ display: none; } .tb_middle_bar::before{ content: ""; width: 2px; height: 26px; border-left: 1px solid rgba(255,255,255,.3); border-right: 1px solid rgba(255,255,255,.3); position: absolute; top: 50%; left: 50%; margin-left: -2px; transform: translateY(-50%); } #tb_toolbar .tb_import_btn{ padding-left:8px; padding-right:8px; } .tb_toolbar_menu .tb_toolbar_down>li>a{ width:auto; padding-top:3px; padding-bottom:3px; border-radius: 4px; } .tb_toolbar_menu .tb_toolbar_down>li{ display:inline-block; } /* Toolbar responsive */ .tb_compact_toolbar .tb_toolbar_menu .tb_toolbar_down>li>a { border-radius: 0; } #tb_toolbar .tb_compact{ display:none; } .tb_compact_toolbar #tb_toolbar .tb_import_btn, .tb_compact_toolbar #tb_toolbar .tb_toolbar_export a{ padding-left:15px; padding-right:15px; } .tb_compact_toolbar #tb_toolbar .tb_toolbar_export{ margin-left:0; } .tb_compact_toolbar #tb_toolbar .tb_toolbar_export span, .tb_compact_toolbar #tb_toolbar .tb_import_btn span{ display:inline-block; margin: 0; margin-left:12px; position:static; visibility:visible; opacity:1; padding:0; background:none; } .tb_compact_toolbar #tb_toolbar .tb_compact{ display:inline-block; } .tb_compact_toolbar #tb_toolbar .tb_import_btn+ul{ left:100%; top:-5px; margin-left: 5px; } .tb_compact_toolbar .tb_toolbar_menu .tb_toolbar_down{ position:absolute; background-color: #353535; padding: 5px 0; display: none; } /*Focus Outline/Shadow Fix*/ .tb_compact_toolbar a:focus { box-shadow: none; outline: 0; } /*Layout Part active */ .tb_layout_part_edit .tb_toolbar_import, .tb_layout_part_edit .tb_toolbar_export, .tb_layout_part_edit .tb_toolbar_layout, .tb_layout_part_edit .tb_toolbar_save_wrap, .tb_layout_part_edit .tb_dup_link, .tb_layout_part_edit .tb_toolbar_undo a{ opacity:.4; cursor:not-allowed; pointer-events:none; } /* Date Picker */ .themify-datepicket-panel.ui-datepicker{ border-color:#bbb; font:normal 13px/1.6 Arial, sans-serif; box-shadow:0 2px 6px rgba(0,0,0,.15); background:#fff; z-index: 99999 !important; } .themify-datepicket-panel.ui-datepicker .ui-datepicker-header{ background:none; border:none; border-bottom:1px solid #eee; border-radius:0; padding-bottom:5px; } .ui-datepicker.themify-datepicket-panel .ui-datepicker-prev, .ui-datepicker.themify-datepicket-panel .ui-datepicker-next{ border:1px solid #eee; transition:border-color .2s ease-out; } .ui-datepicker.themify-datepicket-panel .ui-datepicker-prev .ui-icon, .ui-datepicker.themify-datepicket-panel .ui-datepicker-next .ui-icon{ background:none; text-indent:-99999em; } .ui-datepicker.themify-datepicket-panel .ui-datepicker-prev, .ui-datepicker.themify-datepicket-panel .ui-datepicker-next{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:"dashicons"; box-sizing:border-box; } .ui-datepicker.themify-datepicket-panel .ui-datepicker-prev:after{ content:"\f141"; position:absolute; top:2px; font-size:20px; left:0; line-height: .8em; } .ui-datepicker.themify-datepicket-panel .ui-datepicker-next:after{ content:"\f139"; position:absolute; top:2px; font-size:20px; left:0; line-height: .8em; } .ui-datepicker.themify-datepicket-panel .ui-datepicker-prev-hover, .ui-datepicker.themify-datepicket-panel .ui-datepicker-next-hover{ border:1px solid #999; background:none; right:2px; top:2px; cursor:pointer; } .ui-datepicker.themify-datepicket-panel .ui-datepicker-prev-hover{ right:auto; left:2px; } .ui-datepicker.themify-datepicket-panel .ui-state-default { background: #f6f6f6; border-radius: 3px; border: 2px solid #eee; transition: border-color .2s ease-out; color: inherit; } .ui-datepicker.themify-datepicket-panel .ui-state-active, .ui-datepicker.themify-datepicket-panel .ui-state-default:active{ border:2px solid #F90; } .ui-datepicker.themify-datepicket-panel .ui-state-highlight{ border:2px solid #98cee3; } .ui-datepicker.themify-datepicket-panel .ui-datepicker-buttonpane{ border-top:1px solid #eee; } .ui-datepicker.themify-datepicket-panel .ui-datepicker-buttonpane button{ font:400 .85em "Open Sans"; box-shadow:0 0 2px rgba(0,0,0,.1); background:#fafafa; border:2px solid #eee; color:#222; outline:none; opacity:1; font-family: inherit; } .ui-datepicker.themify-datepicket-panel .ui_tpicker_hour_label, .ui-datepicker.themify-datepicket-panel .ui_tpicker_minute_label{ padding-top:6px; } .builder-lightbox .themify-datepicker-clear { padding: 7px 14px; padding-left: 0; border-radius: 4px; background-color: transparent; border: none !important; transition: all .3s ease; cursor: pointer; } .builder-lightbox .themify-datepicker-clear { position: absolute; top: 5px; left: 176px; width: 20px; padding: 6px; white-space: nowrap; overflow: hidden; } .builder-lightbox .themify-datepicker-clear::before { content: "\e646"; font-family: themify; font-size: .8em; display: inline-block; vertical-align: middle; margin-right: 3px; } .builder-lightbox .themify-datepicker-clear:focus { outline: none; } .builder-lightbox .themify-datepicker { width: 200px !important; } .tb_panel_docked .builder-lightbox .themify-datepicker-clear { left: auto; right: 3px; } /* UI Select control (for image select) */ .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; width: 340px; } .tb_panel_docked .ui-selectmenu-menu { width: 270px; } .ui-selectmenu-menu .ui-menu { background: #ffffff; color: #333333; overflow: auto; overflow-x: hidden; margin: 0; padding: 10px; padding-top: 30px; max-width: 100%; box-shadow: 0 0 1px 0 rgba(0,0,0,.4), 0 3px 10px rgba(0, 0, 0, .2); border-radius: 3px; outline: none; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px .4em; margin: .5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-menu.ui-selectmenu-open { display: block; z-index: 99999 !important; } .ui-selectmenu-menu .ui-menu-item { cursor: pointer; width: 33.33%; float: left; margin: 0; padding: 5px; list-style: none; box-sizing: border-box; border: solid 1px transparent; transition: all .3s; } .ui-selectmenu-menu .ui-menu-item:hover { transform: scale(1.2); } .ui-selectmenu-menu .ui-menu-item div { position: relative; } .ui-selectmenu-menu .ui-menu-item div:after { content: attr(data-name); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); padding: 3px 6px; background: #4a4a4a; border-radius: 3px; color: #fff; display: none; } .ui-selectmenu-menu .ui-menu-item div::before { content: ""; position: absolute; bottom: 9px; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #4a4a4a transparent transparent transparent; display: none; } .ui-selectmenu-menu .ui-menu-item:hover { position: relative; z-index: 100; } .ui-selectmenu-menu .ui-menu-item div:hover::before, .ui-selectmenu-menu .ui-menu-item div:hover:after { display: block; } .ui-selectmenu-menu .ui-menu-item img { max-width: 100%; } /* ui select button */ .builder-lightbox .ui-selectmenu-button { padding: 5px; border: solid 1px #ccc; display: block; border-radius: 3px; position: relative; outline: none; } .builder-lightbox .ui-selectmenu-button .ui-icon:after { font-family: 'themify'; position :absolute; top: 0; right: 0; display: block; content:"\e64b"; width:30px; text-align:center; top:50%; right:2px; margin-top:-.6em; color:#aaa; font-size:12px; z-index:1; } .builder-lightbox .ui-selectmenu-button:hover { border-color: #888; } .builder-lightbox .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; outline: none; } .builder-lightbox .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } /* Row/column flair */ .wp-admin .themify_row_flair { display: none !important; } #tb_options_styling .tb_font_italic{ font-style:italic; } #tb_options_styling .tb_text_underline{ text-decoration:underline; } #tb_options_styling .tb_text_overline{ text-decoration:overline; } #tb_options_styling .tb_text_through{ text-decoration:line-through; } #tb_options_styling .tb_font_bold{ font-weight:bold; } /* Widgets */ .tb_field.instance_widget .widget-inside{ display: block; border: none; box-shadow: none; background: none; padding: 0; line-height: normal; } #instance_widget{ border-top: 1px solid #ddd; width: 100%; padding: 15px; box-sizing: border-box; position: relative; min-height: 100px; } #available-widgets,#available-widgets-filter{ width: 60%; float: left; position: relative; box-sizing: border-box; } .tb_panel_docked #available-widgets-filter { width: 100%; } .instance_widget>.tb_input, #widgets-search{ width:100%; border-color: #ccc; } .tb_loading_widgets{ position: absolute; top: 14px; right: 6px; } .tb_loading_widgets+#widgets-search{ opacity: .3; background: #ddd; } #instance_widget.tb_loading_widgets_form{ background: rgba(221, 221, 221,.3); } #available-widgets-filter{ margin-bottom: 10px; } #available-widgets .tb_field_error_msg{ float:right; } .tb_field #available-widgets-filter::before { content: "\e64b"; color: #aaa; font-size: 12px; font-family: themify; position: absolute; width: 30px; text-align: center; top: 50%; right: 2px; margin-top: -.5em; z-index: 1; pointer-events: none; } .tb_loading_widgets_form .fa{ margin-left: -3%; margin-top: -2%; position: absolute; top: 50%; font-size: 30px; left: 50%; } #available-widgets{ z-index: 100; height: 250px; width: 63.2%; margin-left: -18px; position: absolute; top: 33px; left: 0; outline:none; display: none; } #available-widgets .tb_widget_select{ overflow: hidden; height: 100%; margin-left: 1px; } #available-widgets .tb_widget_select[style*="overflow: auto"], #available-widgets .simplebar-content{ border: solid 1px #ddd; width: 100%; box-sizing: border-box; width: calc(100% - 2px); } #available-widgets .tb_widget_select[style*="overflow: auto"] { margin-left: 17px; overflow: scroll !important; width: calc(100% - 13px); } #available-widgets .simplebar-scroll-content{ padding-right: 0; margin-left: 17px; margin-top: 1px; box-sizing: border-box; } #available-widgets .widget-tpl{ position: relative; padding: 10px 5px 10px 28px; background: #fff; border-bottom: 1px solid #ddd; border-left: 4px solid transparent; transition: .15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out; cursor: pointer; box-sizing: border-box; width: 100%; } #tb_options_setting #available-widgets .widget-title::before{ margin-right: 5px; } #available-widgets .widget-description{ display: block; font-size: .9em; line-height: 1.2em; } /* docked and lightbox small */ .tb_lightbox_small #available-widgets { width: calc(60% + 17px); } .tb_panel_docked #available-widgets { width: calc(100% + 17px); } /* Row Frame */ .frame_tabs .themify-layout-icon { max-height: 160px; overflow-y: scroll; background: #f5f5f5; padding: 20px 10px 10px; box-sizing: border-box; } .frame_tabs .themify-layout-icon a { width: 31%; height: 40px; background: #fff; padding: 3px; box-sizing: border-box; float: left; margin: 1%; } .frame_tabs .themify-layout-icon a img { max-width: 100%; max-height: 100%; margin: auto; } .tb_inline_list{ display: inline-block; } .tb_inline_list li{ display: inline-block; width: 66px; margin-bottom:0; position: relative; } .tb_field .tb_inline_list li .selectwrapper { position: absolute; top: 0; left: 0; } .tb_field .tb_inline_list li .selectwrapper.noborder { margin-left: 42px; margin-top: 9px; } .tb_inline_list li.tb_box_shadow_inset { display: block; width: 100%; } /*plain text*/ .tb_field.plain_text .tb_label{ display:none; } .tb_field.plain_text .tb_input textarea, .tb_field.plain_text .tb_input{ width:100%; } /*Help*/ #tb_help_lightbox{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; display: none; z-index: 100000; } #tb_help_lightbox::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); } .tb_help_lightbox_inner_wrapper { padding:1.2%; box-sizing: border-box; background: #000; color: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 85%; height: 77%; position: absolute; border-radius:10px; box-shadow:0 5px 18px rgba(0,0,0,.3); overflow-y: auto; } .tb_help_lightbox_inner_wrapper .tb_help_tabs{ list-style: none; margin: 0 0 30px 0; padding: 0; font-family: Arial; } .tb_help_tabs .tb_help_tab_link{ display: inline-block; font-size: 20px; color: #adabab; padding: 0 15px; cursor: pointer; position: relative; transition: color 0.3s linear; } .tb_help_tabs .tb_help_tab_link:hover, .tb_help_tab_link.tb_help_active_tab{ color: #fff; } .tb_help_tab_link.tb_help_active_tab:after{ content: ""; display: block; position: absolute; width: 100%; height: 3px; background-color: #00a2fb; bottom: -10px; left: 0; } .tb_help_lightbox_inner_wrapper .tb_help_tab_content{ display: none; } .tb_help_lightbox_inner_wrapper[data-active-tab="videos"] .tb_help_tab_content[data-type="videos"], .tb_help_lightbox_inner_wrapper[data-active-tab="shortcuts"] .tb_help_tab_content[data-type="shortcuts"]{ display: block; } .tb_help_video_wrapper{ width:71%; float: left; } .tb_help_menu{ width: 26%; float: right; margin-left:3%; } .tb_help_menu ul{ list-style: none; padding: 0; margin: 0; margin-top: 1.5em; padding-left: 10.5%; } .tb_help_menu li { margin-bottom: 14px; font-size: 1.12em; box-sizing: border-box; position: relative; } .tb_help_menu h3{ margin: 0 0 15px 0; padding: 0; line-height: normal; font-size: 1.5em; } .tb_player_wrapper iframe, .tb_help_video_wrapper img{ width: 100%; cursor: default; position: absolute; top: 0; left: 0; } .tb_player_wrapper iframe{ height: 100%; } #tb_help_lightbox a{ color: #868686; text-decoration: none; font-family:Arial, sans-serif; } #tb_help_lightbox .tb_help_menu a::before{ content: "\e629"; font-family: themify; position: absolute; right: 100%; margin-right: 0; opacity: 0; visibility: hidden; transition: all .25s; } #tb_help_lightbox .current a::before, #tb_help_lightbox a:hover::before{ opacity: 1; visibility: visible; margin-right: 10px; } #tb_help_lightbox .tb_close_lightbox, #tb_help_lightbox .current a, #tb_help_lightbox a:hover{ color:#fff; } #tb_help_lightbox .tb_close_lightbox{ position: absolute; top: 6px; right: 6px; } #tb_help_lightbox .tb_close_lightbox .ti-close { font-size: 1em; } .tb_player_wrapper{ display: none; padding-top: 56.25%; overflow: hidden; position: relative; } .tb_help_video_wrapper .tb_player_wrapper:first-child{ display: block; } .tb_player_btn, .tb_player_btn::before { position: absolute; top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 ); } .tb_player_btn{ width: 11.5%; height: 14%; background-color: rgba(51, 51, 51,.8); box-shadow: 0 0 30px rgba( 0,0,0,.6 ); z-index: 1; border-radius: 12px; cursor: pointer; transition: all .25s; } .tb_player_btn::before { content: ""; border-style: solid; border-width: 12px 0 12px 18px; border-color: transparent transparent transparent #fff; margin-left: 3px; } .tb_help_shortcuts_table{ width: 100%; font-family: Arial; } .tb_help_shortcuts_table tr:not(:first-child) td{ border-top:1px solid rgba(255,255,255,.2); } .tb_help_shortcuts_table th, .tb_help_shortcuts_table td{ padding: 15px 4px; text-align: left; } .tb_help_shortcuts_table td{ font-size: 15px; line-height: 1.2em; color: #c3c3c3; vertical-align:top; } .tb_help_shortcuts_table td:first-child{ padding-left: 10px; } .tb_help_shortcuts_table td span{ font-size: 13px; padding:0 5px; color: #757575; } @media screen and (max-width: 800px) { .tb_help_video_wrapper, .tb_help_menu { width: 100%; float: none; margin: auto; } .tb_help_menu li { width: 50%; float: left; font-size: .9em; } #tb_help_lightbox .tb_help_menu a::before{ transform-origin: center; transform: rotateZ(90deg); margin-right: 10px; margin-top: 10px; } #tb_help_lightbox .current a::before, #tb_help_lightbox a:hover::before{ margin-top: 0; transition: margin-top .25s, margin-right 0s, opacity 0s; } #tb_help_lightbox .tb_close_lightbox { right: 0; margin: 0; } } .tb_icon_wrapper i::before{ content: ""; display: block; width: 24px; height: 16px; background: #f1f1f1; box-sizing: border-box; border-color: #b3b3b3; border-style: solid; border-width: 0; } .tb_panel_docked .tb_icon_wrapper i::before { width: 18px; height: 14px; } .tb_icon_wrapper .tic-border-all::before { border-width: 2px; } .tb_icon_wrapper .tic-border-top::before { border-top-width: 2px; } .tb_icon_wrapper .tic-border-right::before { border-right-width: 2px; } .tb_icon_wrapper .tic-border-bottom::before { border-bottom-width: 2px; } .tb_icon_wrapper .tic-border-left::before { border-left-width: 2px; } /* Styling border icon radio label */ .tb_radio_label_borders input:checked + .tb_icon_wrapper, .tb_radio_label_borders:hover .tb_icon_wrapper{ background: #fff; border-color: #f26522; } .tb_radio_label_borders .tb_icon_wrapper{ border: solid 2px #f1f1f1; padding: 3px; border-radius: 4px; transition: border-color .2s ease-in,color .2s ease-in; } /* Sticky Scrolling */ .stick_middle_wrapper .tb_multi_fields > .tb_field{ vertical-align: middle; display: inline-block; float: none; } .builder-lightbox .tb_toolbar_menu li a span{ background-color:#23282d; color:#bdbdbd; display:inline-block; font-size:12px; padding: 5px 10px; position:absolute; top:100%; left:0; opacity:0; visibility:hidden; } .builder-lightbox .tb_toolbar_menu li a span::before{ content:''; display:block; position:absolute; left:13px; bottom:100%; border:4px solid transparent; border-bottom-color:#23282d; } .builder-lightbox .tb_toolbar_menu li a:hover span{ opacity:1; visibility:visible; } #custom_css_id{ display:block; } .tb_hide_option{ display: none !important; visibility: hidden; } /* start tb_search_container */ .tb_search_wrapper { position: relative; width: 60%; } .tb_panel_docked .tb_search_wrapper { width: 100%; } .tb_search_arrow{ position: absolute; width: 30px; text-align: center; top: 50%; right: 2px; color: #aaa; margin-top: -.7em; z-index: 1; outline: none; font-size: 12px; } .tb_search_arrow::before{ cursor:pointer; content: "\e64b"; font-family: themify; } .tb_search_wait{ opacity: .5; pointer-events: none; } .tb_search_wait .tb_search_arrow::before, .tb_search_arrow .fa-spin{ display: none; } .tb_search_wait .fa-spin{ display: inline-block; } .tb_panel_docked .tb_query_multiple_wrap, .tb_panel_docked .tb_search_term_wrap .tb_search_wrapper, .tb_input .tb_search_wrapper input { width: 100%; } .tb_search_wrapper .tb_search_container { position: absolute; width: calc(100% + 17px); box-sizing: border-box; left: 0; top: 33px; z-index: 200; overflow: hidden; height: 140px; outline: none; display: none; margin-left: -17px; } .tb_search_container .tb_search_item { position: relative; padding: 4px 10px; border-bottom: 1px solid #eee; transition: .15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out; cursor: pointer; box-sizing: border-box; width: 100%; } .tb_search_wrapper > .tb_search_container[style*="overflow: auto;"], .tb_search_container .simplebar-content{ background: #fff; width: calc(100% - 2px); box-sizing: border-box; border: solid 1px #ddd; } .tb_search_wrapper > .tb_search_container[style*="overflow: auto;"] { margin-left: 0; } .tb_search_container .simplebar-scroll-content{ padding-right: 0; } .tb_panel_docked .tb_search_container .simplebar-scroll-content { margin-left: 17px; } .tb_search_container .tb_search_item:last-child { border: none; } .tb_search_container .tb_search_item:hover, .tb_search_container .tb_search_item.selected{ background: #f3f3f5; } .tb_search_wrapper input:focus~.tb_search_container, .tb_search_arrow:focus~.tb_search_container{ display: block; } #item_layout_save{ display:inline-block; } #item_layout_save + .tb_help{ margin-left: 0; } .item_layout_save small a{ color:#605ca8; text-decoration:none; } .tb_search_term_wrap .tb_search_wrapper{ width: 36%; display: inline-block; vertical-align: middle; } .tb_query_multiple_wrap{ display: inline-block; width: 30%; } .tb_input .tb_query_multiple_wrap .query_category_multiple{ width: 70%; } .tb_query_multiple_wrap span{ margin: 0 2%; } .tb_group_element_post_slug small, .tb_search_term_wrap small{ display: block; clear: both; } /* END tb_search_container */ /* START Global Style CSS */ /* Custom toolbar for Global Style Post */ .gs_post.tb_panel_docked:not(.tb_standalone_lightbox) .builder-lightbox { top: 77px !important; box-shadow:0 0 1px 0 rgba(0,0,0,.6), 0 3px 14px rgba(0,0,0,.3); } .gs_post .tb_workspace_container { margin-top: 77px; } .gs_post #tb_toolbar .tb_toolbar_add_modules_wrap { width: 0; opacity: 0; } .gs_post .tb_toolbar_backend_edit, .gs_post .tb_toolbar_revision_btn, .gs_post .tb_toolbar_menu > li:not(.tb_toolbar_desktop_switcher), .gs_post .tb_options_tab li:not(.current), .gs_post .builder-lightbox .tb_lightbox_actions { display: none; } .tb_panel_docked .gs_post .tb_options_tab li.current:before { left: 0; background: 0; } .gs_post .tb_toolbar_save_btn .tb_toolbar_save { border-radius: 3px; } .global-styles-breadcrumb { background: #bdbdbd; color: #000; padding: 10px 12px; } .global-styles-breadcrumb a{ color: #000; } .global-styles-breadcrumb .arrow { color: #888; margin: 0 7px; } .tb_field.global_styles { display: none; } .tb_gs_container .tb_gs_icon{ background: #c7c6c6; color: #fff; font-size: 17px; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; text-align: center; outline: none; cursor: pointer; border: 5px solid #FFF; z-index: 202; } .tb_gs_not_empty .tb_gs_icon{ background: #8941E2; } .tb_gs_not_empty .tb_gs_icon:focus, .tb_gs_not_empty.tb_gs_dropdown_opened .tb_gs_icon{ border-color: #eee; } .tb_gs_action_dropdown{ opacity: 0; visibility: hidden; transition: opacity 0.3s,visibility 0.3s; display: block; list-style: none; margin: 0; color: #666; right: 16px; position: absolute; box-shadow: 0 0 1px 0 rgba(0,0,0,.8), 0 3px 10px rgba(0,0,0,.3); background: #fff; font-size: 14px; text-align: left; top: 56px; z-index: -1; padding: 5px 0; font-family: Arial, sans-serif; border-radius: 4px; min-width: 140px; } .simplebar-content .tb_gs_action_dropdown{ top: 45px; right: 0; } .tb_gs_not_empty .tb_gs_action_dropdown{ top: 60px; } .simplebar-content .tb_gs_not_empty .tb_gs_action_dropdown{ top: 51px; } .tb_gs_items_dropdown:after, .tb_gs_items_dropdown:before, .tb_gs_action_dropdown:after, .tb_gs_action_dropdown:before{ content: ""; display: inline-block; position: absolute; bottom: 100%; transform: translate(0,0); } .tb_gs_items_dropdown:before, .tb_gs_action_dropdown:before { border: 8px solid transparent; border-bottom-color: #fff; right: 12px; } .tb_gs_items_dropdown:after, .tb_gs_action_dropdown:after { border: 9px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); right: 11px; z-index: -1; } .tb_gs_items_dropdown:before { border-bottom-color: #f3f3f3; } .tb_gs_action_dropdown li{ padding: 5px 10px; margin:0 0 2px; line-height: 1.2; cursor: pointer; outline: none; } .tb_gs_action_dropdown li:hover{ background: #eee; color: #000; } .tb_gs_icon:focus .tb_gs_action_dropdown, .tb_gs_icon:focus + .tb_gs_selected_styles, .tb_gs_dropdown_opened .tb_gs_action_dropdown, .tb_gs_dropdown_opened .tb_gs_selected_styles{ opacity: 1; z-index: 99; visibility: visible; width: auto; } .tb_gs_selected_styles { opacity: 0; position: absolute; z-index: 201 !important; background: #eee; border-radius: 22px; right: 17px; padding: 5px; display: none; max-width:100%; min-width: 0; width: 0; visibility: hidden; box-sizing:border-box; } .simplebar-content .tb_gs_selected_styles{ right: 0; } .tb_gs_not_empty .tb_gs_selected_styles{ display: block; padding-right: 40px; } .tb_gs_action_dropdown .tb_gs_items_dropdown { position: absolute; width: 0; right: 0; top: 0; max-height: 400px; background-color: white; opacity: 0; transition: opacity 0.2s linear; border-radius: 4px; box-shadow: 0 0 1px 0 rgba(0,0,0,.6), 0 3px 10px rgba(0,0,0,.2); } .tb_gs_action_dropdown li[data-action="insert"]:focus .tb_gs_items_dropdown, .tb_gs_searching .tb_gs_items_dropdown { opacity: 1; min-width: 250px; cursor: auto; width: 250px; } .tb_gs_items_dropdown .tb_no_gs_item { font-family: Arial, sans-serif; padding:0 8px; font-size:13px; color: #999; } .tb_gs_items_header { background-color: #f3f3f3; padding:6px; border-radius: 4px 4px 0 0; border-bottom:solid 1px rgba(0,0,0,.05); } .tb_gs_items_header .tb_open_gs { float: right; color: #444; font-family: Arial, Helvetica, sans-serif; margin-top: 2px; font-size: 12px; } .tb_gs_items_header .tb_open_gs:hover{ color:#000; } .tb_gs_items_header .tb_open_gs:after { content: "\e732"; font-family: themify; font-size:10px; padding-left:2px; vertical-align: text-top; } #global-style-search { width: 120px; margin: 0; padding: 2px 6px 2px 28px; border-radius: 3px; } #global-style-search:focus { border-color: rgba(0,0,0,.4); color: #000; box-shadow: none; } .tb_gs_items_header label { position: relative; } .tb_gs_items_header label::after { position: absolute; top: 7px; padding: 0; line-height: 1; content: '\e610'; font-family: themify; left: 8px; font-size: 16px; color: #999; } .tb_gs_items_dropdown .tb_gs_list { padding: 8px 0; height: 150px; overflow: hidden; width: 100%; position: relative; } .tb_gs_items_dropdown .tb_gs_list .simplebar-scroll-content { margin: 0; padding: 0; width: calc(100% + 17px) !important; } .tb_panel_docked:not(.tb_standalone_lightbox) .builder-lightbox .simplebar-scroll-content { height: 100%; } .gs_post.tb_lightbox_small .tb_options_tab .tb_tooltip, .gs_post .tb_lightbox_small .tb_options_tab .tb_tooltip { text-indent: 0; } .gs_post.tb_lightbox_small .tb_options_tab li:not(:first-child) a::before, .gs_post .tb_lightbox_small .tb_options_tab li:not(:first-child) a::before { display: none; } .tb_no_gs_item { display: none; } .global_style_item { margin:0; position:relative; width: 100%; } .tb_gs_list .global_style_item.selected { display: none !important; } .global_style_item .global_style_title { display:block; text-transform: capitalize; cursor: pointer; padding:7px 10px; cursor:pointer; } .global_style_item .global_style_title:hover { background:#f1f1f1; color:#000; } .global_style_item .global_style_type { position:absolute; top:7px; right:10px; background: #bbb; padding: 3px 5px; color: #fff; font-size: 9px; line-height:1.2; text-transform: uppercase; border-radius:4px; } .tb_gs_container { display: flex; flex-direction: row-reverse; } .tb_gs_selected_styles .tb_selected_style { display: inline-block; background-color: #a191db; color: #ffffff; border-radius: 12em; padding: 2px; margin: 2px; font-size:11px; } .tb_selected_style .tb_delete_gs { margin-left: 6px; cursor: pointer; margin-right: 3px; vertical-align: middle; } .tb_selected_style .tb_gs_edit{ background:#8e7ec5; font-size:15px; border-radius:100%; padding:4px; margin-right: 4px; display:inline-block; vertical-align:middle; cursor:pointer; } .tb_selected_style .tb_gs_edit:hover{ background:#7e6ac7; } .tb_gs_tooltip{ top: 57px; right: 18px; left: auto; font-family: 'Arial', sans-serif; padding: 4px 8px; line-height: 1.4; } .simplebar-content .tb_gs_tooltip{ top: 47px; right: 3px; } .tb_gs_icon:focus .tb_gs_tooltip, .tb_gs_container.tb_gs_dropdown_opened .tb_gs_tooltip{ display: none; } .tb_gs_dropdown_opened .tb_gs_action_dropdown{ box-shadow: none; } .tb_gs_dropdown_opened .tb_gs_action_dropdown:after{ display: none; } .tb_gs_tooltip::before{ left: auto; right: 10px; } .gs_post .tb_options_tab li.current:before { left: 0; background: 0; } /* END Global Style CSS */ /* START convert tb_compact_radios as dropdown */ .tb_lightbox_small .tb_compact_radios, .tb_panel_docked .tb_compact_radios { position:relative; margin-bottom: 15px; } .tb_lightbox_small .tb_compact_radios:hover, .tb_panel_docked .tb_compact_radios:hover { z-index:201; } .tb_lightbox_small .tb_compact_radios .tb_input label, .tb_lightbox_small .tb_compact_radios .tb_input input + span, .tb_panel_docked .tb_compact_radios .tb_input label, .tb_panel_docked .tb_compact_radios .tb_input input + span { display:block; margin:0; } .tb_lightbox_small .tb_compact_radios .tb_input input + span, .tb_panel_docked .tb_compact_radios .tb_input input + span { color: #444; padding: 4px 8px; } .tb_lightbox_small .tb_compact_radios .tb_input input + span:hover, .tb_panel_docked .tb_compact_radios .tb_input input + span:hover { color: #000; background: #f1f1f1; } .tb_lightbox_small .tb_compact_radios .tb_input .tb_radio_input_container, .tb_panel_docked .tb_compact_radios .tb_input .tb_radio_input_container{ width:180px; max-width:100%; background:#fff; position:absolute; top: 0; border:solid 1px #ccc; border-radius: 3px; box-sizing: border-box; z-index: 200; } .tb_lightbox_small .tb_compact_radios .tb_input .tb_radio_input_container:focus, .tb_panel_docked .tb_compact_radios .tb_input .tb_radio_input_container:focus{ z-index: 201; } .tb_lightbox_small .tb_compact_radios .tb_input .tb_radio_input_container::before, .tb_panel_docked .tb_compact_radios .tb_input .tb_radio_input_container::before{ font-family:'themify'; content:"\e64b"; position:absolute; width:30px; text-align:center; top:11px; right:2px; margin-top:-.5em; color:#aaa; font-size:12px; z-index:1; } .tb_lightbox_small .tb_compact_radios .tb_input .tb_radio_input_container::after, .tb_panel_docked .tb_compact_radios .tb_input .tb_radio_input_container::after{ content: " "; position: absolute; width: 100%; height: 100%; top: 0; } .tb_lightbox_small .tb_compact_radios .tb_input .tb_radio_input_container:focus::after, .tb_panel_docked .tb_compact_radios .tb_input .tb_radio_input_container:focus::after{ width: 0; } .tb_lightbox_small .tb_compact_radios .tb_input .tb_radio_input_container:focus::before, .tb_lightbox_small .tb_compact_radios .tb_input input + span, .tb_lightbox_small .tb_compact_radios .tb_input input, .tb_panel_docked .tb_compact_radios .tb_input .tb_radio_input_container:focus::before, .tb_panel_docked .tb_compact_radios .tb_input input + span, .tb_panel_docked .tb_compact_radios .tb_input input { display: none; } .tb_lightbox_small .tb_compact_radios input[type="radio"]:checked + span, .tb_lightbox_small .tb_compact_radios .tb_radio_input_container:focus input + span, .tb_panel_docked .tb_compact_radios input[type="radio"]:checked + span, .tb_panel_docked .tb_compact_radios .tb_radio_input_container:focus input + span { display: block; /* show selected option */ } /* END convert tb_compact_radios as dropdown */ /* START toggle switch controller */ .builder-lightbox .tb_slider_options .switch-wrapper{ margin-bottom:0; } .themify_builder_active .switch-wrapper .themify-checkbox, .builder-lightbox .switch-wrapper .themify-checkbox{ margin: 5px 5px 5px 0; position: relative; } .themify_builder_active .switch-wrapper .toggle_switch, .builder-lightbox .switch-wrapper .toggle_switch, .themify_builder_active .switch-wrapper .toggle_switch:active, .builder-lightbox .switch-wrapper .toggle_switch:active{ border:none; display: block; opacity:0; outline:none; width: 0; height: 0; } .switch-wrapper .switch_label{ display:block; position:relative; padding:7px; margin: 3px 0 0; font-size:12px; line-height:16px; width: 20px; height: 4px; border-radius:18px; background:#dddddd; cursor:pointer; } .switch-wrapper .switch_label::before{ content:''; display:block; position:absolute; z-index:1; line-height:34px; text-indent:40px; height: 16px; width: 16px; border-radius: 100%; top: 1px; left: 1px; right:auto; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.2); transition: left ease-in-out .2s; } .switch-wrapper .switch_label::after{ content: attr(data-off); display:block; position: absolute; z-index:0; top: -3px; left: 38px; padding: 2px; line-height: 1.8em; text-align:left; color:#bfbfbf; white-space:nowrap; } .switch-wrapper .toggle_switch:checked + .switch_label{ box-shadow: inset 0 0 0 20px rgb(115, 206, 114); } .switch-wrapper .toggle_switch + .switch_label{ box-shadow:inset 0 0 0 0 rgb(115, 206, 114); } .switch-wrapper .toggle_switch:checked + .switch_label::before{ left: calc(100% - 17px); box-shadow:0 0 0 2px transparent,0 1px 2px rgba(0,0,0,.3); } .switch-wrapper .toggle_switch:checked + .switch_label::after{ content:attr(data-on); color:rgb(162, 162, 162); } .themify_builder_active .switch-wrapper label{ margin-top:0 } .themify_builder_active .switch-wrapper .themify-checkbox, .switch-wrapper .tb_input_after{ vertical-align: middle; display: inline-block; } /* END toggle switch controller */ /* START Sortable Fields */ .tb_sort_fields_wrap{ position: relative; background-color: #f3f3f3; padding: 10px 40px 10px 10px; border-radius:10px; display: inline-flex; min-height: 50px; align-items: center; box-sizing: border-box; } .tb_sort_fields_add li{ display: block; } .builder-lightbox .tb_sort_fields_plus{ transform: none; font-family: themify; font-size: inherit; color: #fff; position: relative; display: block; top: 0; cursor: pointer; } .tb_sort_fields_parent{ padding:0; margin:0; list-style:none; float: left; } .tb_sort_fields_parent > li{ font-size:11px; display: inline-block; width: auto; background: #a4a4a4; padding: 4px 11px; border-radius: 15px; text-align: center; color: #fff; cursor: move; margin-right:5px; position:relative; box-sizing: border-box; float: left; margin-bottom: 5px; white-space: nowrap; box-shadow:inset 0 -1px 0 rgba(0,0,0,.1); } .tb_sort_fields_parent > li::before { content: '\e61c'; font-family: 'themify'; margin-right:5px; cursor:pointer; display: inline-block; vertical-align:middle; } .tb_sort_fields_wrap .tb_ui_dropdown_items{ left: auto; right: -5px; top: 32px; min-width: 90px; text-align: right; overflow: visible; z-index: 10 !important; } .tb_sort_fields_wrap .tb_ui_dropdown_items:before, .tb_sort_fields_wrap .tb_ui_dropdown_items:after { content: ''; border: 8px solid transparent; display: inline-block; position: absolute; bottom: 100%; z-index: 1; transform: translate(0,0); } .tb_sort_fields_wrap .tb_ui_dropdown_items:before { right: 8px; border-bottom-color: #fff; border-width: 7px; } .tb_sort_fields_wrap .tb_ui_dropdown_items:after { right: 7px; border-bottom-color: rgba(0,0,0,.2); z-index: 0; } .tb_sort_fields_parent .tb_state_highlight{ min-height: auto; border: none; background:rgba(177,233,255,.5); position:static; z-index:10; height:30px; } .tb_sort_fields_plus_wrap{ position:absolute; top:10px; right:10px; } .tb_sort_fields_remove{ font-family: themify; margin-left: 5px; vertical-align: middle; display: inline-block; cursor: pointer; } .tb_sort_fields_remove::before{ content: '\e646'; } .tb_sort_field_dropdown{ background: #fff; position: absolute; top: 100%; left: 50%; z-index: 100; width: 269px; padding: 10px 15px; box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 4px 10px 2px rgba(0,0,0,.3); text-align: left; color: #444; font-size: 13px; border-radius: 5px; box-sizing: border-box; transform: translateX(-50%); margin-top: 7px; display: none; outline:none; cursor: auto; } .tb_sort_field_dropdown .tb_field{ margin: 0 0 3px; } .tb_sort_field_dropdown .tb_label{ width:46%; } .tb_sort_field_dropdown .tb_input{ width:54%; } .tb_sort_field_dropdown .tb_search_wrapper, .tb_sort_field_dropdown .selectwrapper{ width:100%; } .tb_sort_fields_parent .current .tb_sort_field_dropdown{ display: block; } .tb_sort_field_dropdown::before, .tb_sort_field_dropdown::after{ content: ""; top:0; left: 50%; border: 7px solid transparent; border-bottom-color: #fff; position: absolute; pointer-events: none; transform: translate(-50%,-100%); display: inline-block; z-index: 1; } .tb_sort_field_dropdown::after{ border-bottom-color: rgba(0,0,0,.2); z-index: 0; border-width: 8px; } .tb_field.tab_content_post_meta .tb_label { margin-bottom:5px; } .tb_panel_docked .tb_sort_fields_parent > li { position:static; } .tb_panel_docked .tb_sort_field_dropdown { left: auto; right: 0; transform:none; } /* END Sortable Fields */ /* START Toggleable Fields */ .tb_toggleable_fields{ padding:0; margin: 10px 0 0; list-style:none; float: left; width: 100%; } .tb_toggleable_fields > li{ padding: 8px 0; margin: -1px 0; width: 100%; display:block; float:left; background:#fff; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; cursor:auto; } .tb_toggleable_fields > li.tb_closed{ cursor:pointer; } .tb_toggleable_fields>li>.switch-wrapper{ float: right; margin: 0; } .tb_toggleable_fields>li>.switch-wrapper .tb_switcher{ margin:0; } .tb_toggleable_fields>li>.switch-wrapper .switch_label::after{ left: auto; right: 100%; margin-right: 6px; } .tb_toggleable_fields_title{ float:left; font-size: 1em; cursor:pointer; } .tb_toggleable_fields_title::before{ content:'\e61a'; display:inline-block; vertical-align:middle; font-size: 12px; font-family: themify; margin-right:5px; min-width: 2em; min-height: 2em; line-height: 2em; text-align: center; border-radius: 100%; transition: .25s; } li:not(.tb_closed) .tb_toggleable_fields_title::before{ content:'\e622'; } .tb_toggleable_fields_title::selection{ background: 0; } .tb_toggleable_fields_options{ clear:both; padding: 10px 0; box-sizing: border-box; } .ui-sortable-helper .tb_toggleable_fields_options{ padding:0; margin: 0; } .tb_toggleable_field_disabled .tb_toggleable_fields_title{ cursor: auto; } .tb_toggleable_field_disabled .tb_toggleable_fields_title { opacity: .2; } .tb_toggleable_fields .ui-sortable-helper .tb_toggleable_fields_options{ display:none; } .tb_toggleable_fields > .tb_closed:hover { box-shadow: 0 11px 8px -10px rgba(0,0,0,.1), 0 -11px 8px -10px rgba(0,0,0,.1); position: relative; z-index:2; } .tb_toggleable_fields > li:hover .tb_toggleable_fields_title::before { background: rgba(0,0,0,.07); color: #000; } /* END Toggleable Fields */ /* START Dynamic Content */ .tb_field.tb_has_dc { position: relative; padding-top: 13px; margin-bottom:5px; } .tpb_dc_toggle.switch-wrapper { position: absolute; top: 0; right: 0; cursor: pointer; text-transform: uppercase; } .tpb_dc_toggle.switch-wrapper .switch_label::after { left: auto; right: 23px; font-size:9px; top: -4px; } .tpb_dc_toggle.switch-wrapper .switch_label { width:14px; padding: 3px; } .tpb_dc_toggle.switch-wrapper .switch_label::before{ width:8px; height:8px; } .tpb_dc_toggle.switch-wrapper .toggle_switch:checked + .switch_label::before{ left:calc(100% - 9px) } /* END Dynamic Content */ /*Start Hover/Click Mode*/ #tb_toolbar .tb_change_mode ul{ padding: 10px; min-width: 120px; list-style: none; box-sizing: content-box; } #tb_toolbar .tb_change_mode .switch-wrapper{ margin: 0; padding: 0; } #tb_toolbar .tb_change_mode .tb-checkbox{ display:none; } #tb_toolbar .tb_change_mode .switch_label{ margin: 0; } #tb_toolbar .tb_change_mode .switch_label::after{ color: #fff; } /*End Hover/Click Mode*/ #tb_lightbox_parent .tb_action_breadcrumb{ position: absolute; top: -4px; left:0; padding: 0; margin: 0 !important; transform: translateY(-100%); } /*Start opposity type*/ .tb_has_opposite{ display: inline-grid; -webkit-grid-template-columns: auto auto auto; -ms-grid-template-columns: auto auto auto; -moz-grid-template-columns: auto auto auto; grid-template-columns: auto auto auto; align-items: center; } .tb_has_opposite li:nth-of-type(3){ order: 7; } .tb_has_opposite li:nth-child(4){ order: 3; } .tb_has_opposite li:nth-child(6){ order:5; } .tb_has_opposite li:nth-child(7){ order:4; } .tb_has_opposite .tb_opposite_left{ order:6; } .tb_has_opposite[data-checked]{ display:inline-block; } .tb_has_opposite[data-checked] > li:first-child ~ li { display: none; } .tb_has_opposite .tb_seperate_opposite{ width: 25px; vertical-align: middle; margin: 0 4px; height: 25px; border-radius: 100%; cursor:pointer; box-sizing: border-box; border-color: #868686; } .tb_has_opposite label::before, .tb_has_opposite label::after{ content: ''; border: 5px solid transparent; border-right-color:inherit; position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 0; width: 0; display: block; box-sizing: border-box; margin: 0; padding: 0; line-height: normal; z-index: 1; } .tb_has_opposite label::after{ border-right-color: transparent; border-left-color: inherit; left: auto; right: 0; } .style_apply_oppositive:checked+.tb_oppositive_state{ background: #ececec; width: 100%; height: 100%; border-radius: 100%; z-index: -1; position: absolute; top: 0; left: 0; } .tb_has_opposite .tb_seperate_opposite label, .tb_has_opposite .tb_seperate_opposite .themify-checkbox{ margin:0; padding:0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; } .tb_has_opposite li .style_apply_oppositive, .tb_has_opposite[data-checked] .tb_seperate_opposite{ display: none; } /*End opposity type*/ /* START save color swatch */ .themify-gradient-field .tb_clear_gradient, .themify-gradient-field .tb_gradient_add_swatch, .themify-gradient-field .tb_cm_dropdown_icon{ font-size: 13px; color: #7f7f7f; position:absolute; padding: 5px; top: 36px; font-family:'themify'; cursor: pointer; -webkit-backface-visibility: hidden; } .themify-gradient-field .tb_clear_gradient{ left: 190px; } .themify-gradient-field .tb_clear_gradient:hover, .themify-gradient-field .tb_gradient_add_swatch:hover, .themify-gradient-field .tb_cm_dropdown_icon:hover, .themify-gradient-field .tb_cm_dropdown_icon:focus{ color: #7f7f7f; background-color: rgba(0, 0, 0, .05); border-radius: 50%; } /*START gradient swatches*/ .themify-gradient-field .tb_gradient_add_swatch, .themify-gradient-field .tb_cm_dropdown_icon{ border: none; border-radius: 0; } .themify-gradient-field .tb_gradient_add_swatch{ left: 217px; } .themify-gradient-field .tb_cm_dropdown_icon{ left: 244px; } .themify-gradient-field .tb_gradient_swatches{ list-style: none; margin: 0; padding: 0; max-width: 200px; } .tb_gradient_swatches .tb_gradient_swatch{ width: 30px; height: 20px; display: inline-block; margin: 5px 8px 0 0; position: relative; box-shadow:0 1px 2px 1px rgba(0,0,0,.1); cursor: pointer; } /*END gradient swatches*/ /* END save color swatch */
Back to File Manager