/*! * Filter Everything admin 1.9.7 */ :root { --wpc-pro-color: #3858E9; --wpc-admin-theme-color: #3858e9; --wpc--admin-theme-color-darker-10: #2145e6; --main-color: #3858E9; } #filters-seo-rules .inside, #filters-set-items .inside { margin: 0; padding: 0; } .wpc-filter-additional-fields, .wpc-form-fields-table, .wpc-fields-table { width: 100%; table-layout: auto; padding: 0; margin: 0; clear: both; box-sizing: content-box; } .postbox .inside table.wpc-form-fields-table td, .postbox .inside table.wpc-fields-table td { position: static; } .wpc-advice-body, .wpc-filter-body { display: none; } .wpc-advice-body:before { content: ""; display: block; width: 0px; height: 0px; position: absolute; left: 23px; top: -16px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 25px solid #f5f5f5; transform: rotate(-24deg); } .wpc-advice-body { line-height: 1.5; background: #f5f5f5; padding: 15px 12px 1px 12px; margin-top: 7px; margin-bottom: 10px; position: relative; } .wpc-advice-body ol { margin-left: 1em; } .wpc-advice-body .wpc-advice-body { padding-top: 0; padding-left: 0; padding-right: 0; } .wpc-advice-body .wpc-advice-body:before { display: none; } .wpc-advice-body .wpc-advice-head .wpc-advice-title { line-height: 1.3; } .wpc-advice-body .wpc-advice-head { justify-content: space-between; display: flex; } .wpc-advice-body blockquote { border-left: 1px solid #cccccc; margin-left: 0; padding-left: 1em; } .wpc-advice-body p { margin-top: 0; } .wpc-advice-body input { margin: 7px 0; } .wpc-advice-head.wpc-opened + .wpc-advice-body, .wpc-filter-body.wpc-opened { display: block; } .wpc-advice-body h4 { font-size: 1.1em; margin-top: 0.33em; } .wpc-additional-opened .wpc-more-options-toggle, .wpc-filter-body:hover .wpc-more-options-toggle { visibility: visible; } .wpc-column-labels-wrapper { padding: 12px 12px 0 12px; } .wpc-add-filter-wrapper { padding: 12px; } .wpc-filters-list { padding: 0 12px; } .wpc-custom-row { display: flex; width: 100%; padding: 0; margin: 0; } .wpc-custom-row li { padding: 8px 12px; margin: 0; box-sizing: border-box; } .wpc-filter-item-labels li.wpc-filter-order, .wpc-column-labels .wpc-filter-order { min-width: 51px; text-align: center; border-radius: 5px; } .wpc-filter-item-labels li.wpc-filter-order { padding-top: 0 !important; padding-bottom: 0 !important; display: flex; align-items: center; justify-content: center; } li.wpc-filter-label, li.wpc-filter-entity, li.wpc-filter-view, li.wpc-filter-slug { width: 24%; } .wpc-custom-row:before, .wpc-custom-row:after { content: ""; display: block; line-height: 0; } .wpc-custom-row:after { clear: both; } /*.wpc-apply-button-item,*/ .wpc-filter-item { clear: both; margin-bottom: 10px; } .wpc-title-action .wpc-action { padding: 13px 10px; color: #555d66; border: 0; margin: 0; background: 0 0; cursor: pointer; outline: none; border-radius: 5px; } .wpc-title-action .wpc-action:hover { background: #ffffff; } .wpc-title-action .wpc-action .toggle-indicator { color: #787c82 !important; } .wpc-sorting-widget-shortcode { background: #f1f1f1; } .wpc-title-action .wpc-action .toggle-indicator:before { padding: 1px 2px 1px 0; border-radius: 50%; } .wpc-title-action .wpc-action:focus .toggle-indicator:before { box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); } .wpc-advices li { margin-bottom: 8px; } .wpc-advices ol li { margin-bottom: 16px; } .wpc-advice-head button.wpc-advice-toggle:hover, .wpc-advice-head:hover { cursor: pointer; } .wpc-advice-head { display: inline-flex; margin-bottom: 0.5em; align-items: flex-start; } .wpc-advice-head button.wpc-advice-toggle { border: none; background: transparent; padding: 0; margin: 0; } .meta-box-sortables .postbox .wpc-advice-toggle .toggle-indicator:before, .wpc-title-action .wpc-action .toggle-indicator:before { content: "\f140"; font: normal 20px/1 dashicons; speak: none; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; } .meta-box-sortables .postbox .wpc-opened .wpc-advice-toggle .toggle-indicator:before, .wpc-opened .wpc-title-action .wpc-action .toggle-indicator:before { content: "\f142"; } .meta-box-sortables .postbox .wpc-advice-toggle .toggle-indicator:before { width: 18px; height: 18px; line-height: 18px; } .wpc-filter-item-labels li { padding: 15px 12px; box-sizing: border-box; overflow: hidden; } .wpc-filter-item-search-field .wpc-filter-entity { padding: 9px 12px; } .wpc-advice-body ol.wpc-display-widgets { list-style-type: none; margin-left: 0; } .wpc-filter-head { font-size: 13px; border: 1px solid #e3e3e3; box-shadow: 0 1px 1px rgba(0, 0, 0, .04); border-radius: 5px; } .wpc-date-type-tr, .wpc-date-format-tr, .wpc-field-show-term-names-tr, .wpc-field-show-selected-and-above-tr, .wpc-field-show-range-list-input-tr, .wpc-field-show-range-list-tr, .wpc-field-apply-button-text-tr, .wpc-field-apply-button-page-type-tr, .wpc-field-reset-button-text-tr, .wpc-field-hide-until-parent-tr, .wpc-search-field-placeholder-tr, .wpc-search-field-label-tr, #wpc-filter-id-apply-button, #wpc-filter-id-search-field, .wpc-field-horizontal-view-column-tr { display: none; } .wpc-filter-post_date .wpc-date-format-tr, .wpc-filter-post_date .wpc-date-type-tr, .wpc-filter-post_meta_date .wpc-date-format-tr, .wpc-filter-post_meta_date .wpc-date-type-tr, .taxonomy-has-swatches .wpc-field-show-term-names-tr, .selected-and-above-show .wpc-field-show-selected-and-above-tr, .wpc-view-range .wpc-field-show-range-list-tr, .wpc-view-range-list .wpc-field-show-range-list-input-tr, .wpc-filter-has-brands .wpc-field-show-term-names-tr, .wpc-field-apply-button-text-tr.wpc-opened, .wpc-field-reset-button-text-tr.wpc-opened, .wpc-field-hide-until-parent-tr.wpc-opened, .wpc-field-apply-button-page-type-tr.wpc-opened, .wpc-search-field-placeholder-tr.wpc-opened, .wpc-search-field-label-tr.wpc-opened, .wpc-field-horizontal-view-column-tr.wpc-opened { display: table-row; } #wpc-filter-id-apply-button.wpc-opened, #wpc-filter-id-search-field.wpc-opened { display: block; } #wpc-filter-id-search-field .wpc-filter-head, #wpc-filter-id-apply-button .wpc-filter-head { background: #ffffff; } #wpc-filter-id-search-field li.wpc-filter-label, #wpc-filter-id-search-field li.wpc-filter-entity { min-height: 42px; display: flex; align-items: center; } #wpc-filter-id-apply-button li.wpc-filter-label { width: auto; min-height: 42px; padding: 9px 12px; } input.wpc-text-input-style[type="text"] { border-style: dashed; } .wpc-button-style { display: inline-block; text-decoration: none; font-size: 13px; line-height: 2.15384615; min-height: 30px; margin: 0; padding: 0 20px; border-width: 1px; border-style: dashed; -webkit-appearance: none; border-radius: 3px; white-space: nowrap; box-sizing: border-box; color: #2271b1; border-color: #2271b1; background: #f6f7f7; vertical-align: top; } #wpc-filter-id-apply-button .wpc-filter-title { margin-right: 0; } .wpc-filter-item.ui-sortable-helper .wpc-filter-head { background: #fbfbfb; } .wpc-filter-head:hover { border-color: #cbcbcb; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); } .wpc-title-action { float: right; position: relative; } .wpc-column-labels { font-weight: 600; } .wpc-column-labels, .wpc-filter-title { margin-right: 60px; } .wpc-no-filters { display: none; padding: 15px; border-top: #E1E1E1 solid 1px; } .wpc-add-filter-wrapper { background: #f5f5f5; border-top: #dddddd solid 1px; } .wpc-add-filter-wrapper:after { clear: both; display: block; content: ""; } .wpc-add-filter-div { float: right; } .wpc-add-filter-div .wpc-available-in-pro-button, #publishing-action .wpc-available-in-pro-button { display: none; } .wpc_under_limit_filter_set .wpc-available-in-pro-button, #publishing-action.wpc_under_limit_filter_set_publish .wpc-available-in-pro-button { display: inline-flex; } .wpc_under_limit_filter_set .wpc-add-filter, .wpc_under_limit_filter_set_publish .button { display: none; } label.wpc-filter-label { display: block; font-weight: bold; margin: 0 0 3px; padding: 0; } .postbox .inside table.wpc-form-fields-table td.wpc-filter-label-td, .postbox .inside table.wpc-fields-table td.wpc-filter-label-td, .wpc-filter-label-td { padding: 15px 30px 15px 12px; margin: 0; background: #F9F9F9; width: 20%; border-color: #EDEDED; border-width: 1px 0 0 1px; box-sizing: border-box; position: relative; min-width: 160px; } .postbox .inside table.wpc-form-fields-table .wpc-search-field-placeholder-tr td.wpc-filter-field-td, .postbox .inside table.wpc-form-fields-table .wpc-search-field-label-tr td.wpc-filter-field-td, .postbox .inside table.wpc-form-fields-table .wpc-field-apply-button-text-tr td.wpc-filter-field-td, .postbox .inside table.wpc-form-fields-table .wpc-field-reset-button-text-tr td.wpc-filter-field-td, .postbox .inside table.wpc-form-fields-table .wpc-field-apply-button-page-type-tr td.wpc-filter-field-td, .postbox .inside table.wpc-form-fields-table .wpc-search-field-placeholder-tr td.wpc-filter-label-td, .postbox .inside table.wpc-form-fields-table .wpc-search-field-label-tr td.wpc-filter-label-td, .postbox .inside table.wpc-form-fields-table .wpc-field-apply-button-text-tr td.wpc-filter-label-td, .postbox .inside table.wpc-form-fields-table .wpc-field-reset-button-text-tr td.wpc-filter-label-td, .postbox .inside table.wpc-form-fields-table .wpc-field-apply-button-page-type-tr td.wpc-filter-label-td, .postbox .inside table.wpc-form-fields-table .wpc-field-horizontal-view-column-tr td { padding-left: 24px; } .wpc-remove-filter-wrapper .wpc-filter-label-td { background: transparent; } .wpc-filter-field-td { padding: 15px 12px 15px 12px; margin: 0; border-left-color: #E1E1E1; box-sizing: border-box; } .wpc-filter-intersection-tr > .wpc-filter-field-td { padding-left: 0; padding-right: 0; } .wpc-first-row .wpc-filter-field-td { padding-top: 0; vertical-align: top; } .wpc-filter-field-td input[type="text"], .wpc-filter-field-td input[type="password"], .wpc-filter-field-td input[type="number"], .wpc-filter-field-td input[type="search"], .wpc-filter-field-td input[type="email"], .wpc-filter-field-td input[type="url"], .wpc-filter-field-td textarea, .wpc-filter-field-td select { width: 100%; padding: 3px 5px; resize: none; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 1.4; } .wpc-filter-field-td .wpc-type-date input.wpc-date-custom-format, .wpc-filter-field-td .wpc-type-time input.wpc-date-custom-format { width: 100px; } .wpc-filter-field-td .wpc-type-datetime input.wpc-date-custom-format { width: 200px; } .wpc-wp-entity-label-wrapper { padding-left: 12px; padding-right: 12px; } .wpc-filters-seo-rules-wrapper .wpc-filter-field-td label { position: relative; bottom: 5px; } label[for="wpc_seo_rules-wp_entity"], .wpc-location-label, .wpc-wp-entity-label { font-weight: bold; position: relative; bottom: 5px; } #wpc-intersections-table .wpc-filter-field-td { padding-bottom: 0; position: relative; } .wpc-filter-label-td .wpc-field-description { font-style: normal; font-size: 12px; color: #666666; margin: 0; } .wpc-filter-post_meta_num .wpc-field-hierarchy-tr, .wpc-view-range .wpc-field-search-tr, .wpc-view-dropdown .wpc-field-search-tr, .wpc-view-range .wpc-field-more-less-tr, .wpc-filter-post_date .wpc-field-more-less-tr, .wpc-filter-post_meta_date .wpc-field-more-less-tr, .wpc-view-dropdown .wpc-field-more-less-tr, .wpc-field-for-variations-tr, .wpc-field-hierarchy-tr, .wpc-field-entity-tr, .wpc-field-ename-tr, .wpc-field-acf-tr, .wpc-field-show-chips-tr, .wpc-field-min-num-label-tr, .wpc-field-dropdown-label-tr { display: none; } #wpc-filters-list[data-posttype="product"] .wpc-filter-post_meta_exists .wpc-field-for-variations-tr, #wpc-filters-list[data-posttype="product"] .wpc-filter-post_meta .wpc-field-for-variations-tr, #wpc-filters-list[data-posttype="product"] .wpc-filter-post_meta_num .wpc-field-for-variations-tr, #wpc-filters-list[data-posttype="product"] .wpc-filter-taxonomy.taxonomy-product-attribute .wpc-field-for-variations-tr, .wpc-filter-taxonomy.taxonomy-hierarchical.wpc-view-checkboxes .wpc-field-hierarchy-tr, .wpc-filter-post_meta_exists .wpc-field-ename-tr, .wpc-filter-post_meta_num .wpc-field-ename-tr, .wpc-filter-post_meta_num .wpc-field-min-num-label-tr, .wpc-filter-post_date .wpc-field-min-num-label-tr, .wpc-filter-post_meta_date .wpc-field-min-num-label-tr, .wpc-filter-post_meta_date .wpc-field-ename-tr, .wpc-filter-tax_numeric .wpc-field-min-num-label-tr, .wpc-filter-post_meta .wpc-field-ename-tr, .wpc-new-filter-item .wpc-field-entity-tr, .wpc-filter-tax_numeric .wpc-field-ename-tr, .wpc-view-dropdown .wpc-field-dropdown-label-tr { display: table-row; } .wpc-belongs-not, .wpc-belongs-not input[type="text"], .wpc-belongs-not input[type="password"], .wpc-belongs-not input[type="color"], .wpc-belongs-not input[type="date"], .wpc-belongs-not input[type="datetime"], .wpc-belongs-not input[type="datetime-local"], .wpc-belongs-not input[type="email"], .wpc-belongs-not input[type="month"], .wpc-belongs-not input[type="number"], .wpc-belongs-not input[type="search"], .wpc-belongs-not input[type="tel"], .wpc-belongs-not input[type="time"], .wpc-belongs-not input[type="url"], .wpc-belongs-not input[type="week"], .wpc-belongs-not select, .wpc-belongs-not textarea { color: #b7b7b7; } .wpc-remove-filter-wrapper { margin: 0; } .wpc-remove-filter-wrapper .spinner { float: none; } .wpc-filter-delete-controls-td { min-width: 160px; } .wp-core-ui .wpc-filter-delete { color: #a00; border-color: #a00; background: transparent; margin-right: 1em; outline: none; } .wp-core-ui .wpc-filter-delete.hover, .wp-core-ui .wpc-filter-delete:hover, .wp-core-ui .wpc-filter-delete.active, .wp-core-ui .wpc-filter-delete:active, .wp-core-ui .wpc-filter-delete.focus, .wp-core-ui .wpc-filter-delete:focus { color: #ffffff; background: #a00; border-color: #a00; } .wp-core-ui .wpc-filter-delete.focus, .wp-core-ui .wpc-filter-delete:focus { box-shadow: 0 0 0 1px #a00; } .wpc-filter-delete-wrapper { visibility: hidden; min-height: 30px; } .wpc-additional-fields-selector { text-align: right; padding-right: 12px; position: relative; top: 20px; } .wpc-additional-fields-selector a { font-weight: bold; } .wpc-filter-additional-fields { display: none; } .wpc-filter-field-shadow, .wpc-filter-item-shadow { height: 44px; clear: both; border: 1px dashed #b4b9be; margin: 0 auto 10px; width: 100%; box-sizing: border-box; border-radius: 5px; } .wpc-filter-field-shadow { height: 60px; } .wpc-filter-item .wpc-filter-order:hover { cursor: move; background: #ffffff; } .wpc-field-rule-meta-desc { min-height: 65px; } .wpc-date-format-tr .wpc-field-wrap, .wpc_set_fields-post_name-wrap, .wpc-intersection-fields-wrapper, .wpc_set_fields-wp_filter_query-wrap, .wpc_set_fields-apply_button_post_name-wrap { position: relative; } .wpc-date-format-tr .wpc-field-wrap .spinner, .wpc-field-exclude-tr .wpc-field-wrap .spinner, .wpc_set_fields-wp_filter_query-wrap .spinner, .wpc_set_fields-post_name-wrap .spinner, .wpc-intersection-fields-wrapper .spinner, .wpc_set_fields-apply_button_post_name-wrap .spinner { position: absolute; right: calc(50% - 10px); bottom: calc(50% - 10px); z-index: 100; opacity: 0.9; } .wpc_set_fields-post_name-wrap .spinner, .wpc_set_fields-apply_button_post_name-wrap .spinner { bottom: calc(50% - 19px); } .wpc-date-format-tr .wpc-field-wrap .spinner.is-active + .wpc-after-spinner-container, .wpc_set_fields-wp_filter_query-wrap .spinner.is-active + #wpc-field-wp-query-container, .wpc-field-exclude-tr .wpc-field-wrap .spinner.is-active + .wpc-after-spinner-container, .wpc_set_fields-post_name-wrap .spinner.is-active + #wpc-field-location-container, .wpc_set_fields-apply_button_post_name-wrap .spinner.is-active + #wpc-field-apply-button-location-container, .wpc-intersection-fields-wrapper .spinner.is-active + .wpc-form-fields-table { opacity: 0.3; } .wpc-filter-post_date .wpc-type-datetime li label span, .wpc-filter-post_meta_date .wpc-type-datetime li label span { display: inline-block; min-width: 195px; } .wpc-filter-post_date .wpc-type-date li label span, .wpc-filter-post_meta_date .wpc-type-date li label span { display: inline-block; min-width: 140px; } .wpc-filter-post_date .wpc-type-time li label span, .wpc-filter-post_meta_date .wpc-type-time li label span { display: inline-block; min-width: 140px; } .wpc-no-seo-filters-message { display: block; line-height: 30px; } .wpc_seo_rules-rule_meta_desc-wrap, .wpc_seo_rules-rule_h1-wrap, .wpc_seo_rules-rule_seo_title-wrap { text-align: right; position: relative; } .wpc_seo_rules-rule_meta_desc-wrap span, .wpc_seo_rules-rule_h1-wrap span, .wpc_seo_rules-rule_seo_title-wrap span { display: inline-block; margin-bottom: 7px; } .wpc-vars-container { position: absolute; top: 52px; text-align: left; background: #fff; right: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px; border: 1px solid rgb(221, 221, 221); padding: 3px 0; box-sizing: border-box; z-index: 100; display: none; border-radius: 4px; } .wpc-vars-container ul li { padding: 10px 15px; min-width: 120px; margin: 0; } .wpc-vars-container ul li:hover { cursor: pointer; background: #007cba; color: #ffffff; } .wpc-seo-vars-list { margin: 0; } .wpc-filter-number { float: left; } .post-type-filter-seo-rule #titlediv #title[readonly="readonly"] { background-color: #eee; } .license-notice, .wpc-error { background: #fff; border: 1px solid #ccd0d4; border-left-width: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, .04); margin: 40px 15px 2px 0; padding: 1px 12px; border-left-color: #dc3232; position: relative; } .license-notice { border-left-color: #dba617; display: flex; justify-content: left; } .license-notice.license-locked { border-left-color: #dc3232; } .wpc-error p { margin: 0.5em 0; padding: 2px; } .wpc-filters-seo-rules-wrapper hr { margin: 15px 0; } .wpc-container-handle-wrapper { position: relative; padding-left: 25px; } td.wpc-order-td, .form-table td.wpc-order-td { } .pro-version.wpc-sortable-row .wpc-order-sortable-handle-icon:hover { cursor: move; } .wpc-sortable-table { max-width: 668px; } tr.wpc-sortable-row.ui-sortable-helper { background: #f9f9f9; } .wpc-field-exclude-tr .wpc-field-wrap { position: relative; } .wpc-field-exclude-wrap { width: 78%; margin-right: 2%; } .wpc-field-include-wrap { width: 20%; display: flex; } .wpc-field-include { min-width: 90px; } .wpc-field-include-wrap label.wpc-filter-label { display: inline; } .wpc-field-notice { position: relative; display: block; margin: 5px 0 15px; padding: 3px 12px; } .wpc-field-notice p { margin: 0; } .wpc-field-notice-error { background: #ffe6e6; color: #cc0000; } .wpc-field-path-tr { display: none; } .free-version .wpc-field-sortable-handle { color: #a7a7a7; cursor: pointer; } .regular-text .wpc-field-sortable-handle:before { display: none; } .wpc-sortable-row.regular-text .wpc-field-sortable-handle:before { display: inline-block; } .pro-version .wpc-field-sortable-handle { color: inherit; cursor: inherit; } .wpc-field-range-slider-tr, .wpc-field-value-step-tr, .wpc-filter-post_date .wpc-field-logic-tr, .wpc-filter-post_date .wpc-field-orderby-tr, .wpc-filter-post_date .wpc-field-path-tr, .wpc-filter-post_date .wpc-field-exclude-tr, .wpc-filter-post_date .wpc-field-search-tr, .wpc-filter-post_meta_date .wpc-field-logic-tr, .wpc-filter-post_meta_date .wpc-field-orderby-tr, .wpc-filter-post_meta_date.wpc-field-path-tr, .wpc-filter-post_meta_date .wpc-field-exclude-tr, .wpc-filter-post_meta_date .wpc-field-search-tr, .wpc-filter-tax_numeric .wpc-field-logic-tr, .wpc-filter-tax_numeric .wpc-field-orderby-tr, .wpc-filter-tax_numeric .wpc-field-path-tr, .wpc-filter-tax_numeric .wpc-field-exclude-tr, .wpc-filter-tax_numeric .wpc-field-search-tr, .wpc-filter-post_meta_num .wpc-field-logic-tr, .wpc-filter-post_meta_num .wpc-field-orderby-tr, .wpc-filter-post_meta_num .wpc-field-path-tr, .wpc-filter-post_meta_num .wpc-field-exclude-tr, .wpc-filter-post_meta_num .wpc-field-search-tr { display: none; } .wpc-filter-tax_numeric .wpc-field-range-slider-tr, .wpc-filter-tax_numeric .wpc-field-value-step-tr, .wpc-filter-post_meta_num .wpc-field-range-slider-tr, .wpc-filter-post_meta_num .wpc-field-value-step-tr { display: table-row; } input[disabled="disabled"] + .wpc-checkbox-placeholder { color: #a7a7a7; margin-left: 5px; } /*TipTip CSS*/ .wpc-help-tip { color: #929292; display: inline-block; font-style: normal; height: 16px; line-height: 16px; position: relative; vertical-align: middle; width: 16px; } .wpc-help-tip::after { font-family: Dashicons; speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin: 0; text-indent: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; content: ""; cursor: help } .wpc-form-fields-table .wpc-help-tip { font-size: 1.3em; display: block; position: absolute; right: 10px; top: calc(50% - 8px); } .wpc-form-fields-table .wpc-container-handle-wrapper .wpc-help-tip { left: 0; } /* Settings pages: keep every option tooltip on one vertical line at the right edge of the label column; the padding reserves that lane so even a long option title wraps instead of running under the icon */ .wpc-form-table.form-table th { position: relative; padding-right: 36px; } .wpc-form-table.form-table th .wpc-help-tip { font-size: 1.3em; display: block; position: absolute; right: 10px; top: 20px; } #tiptip_holder { display: none; z-index: 8675309; position: absolute; top: 0; left: 0; } #tiptip_holder.tip_top { padding-bottom: 5px } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: #333 } #tiptip_holder.tip_bottom { padding-top: 5px } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: #333 } #tiptip_holder.tip_right { padding-left: 5px } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: #333 } #tiptip_holder.tip_left { padding-right: 5px } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: #333 } #tiptip_content, .chart-tooltip, .wc_error_tip { color: #fff; font-size: .8em; background: #333; border-radius: 3px; padding: .618em 1em; box-shadow: 0 1px 3px rgba(0, 0, 0, .2) } #tiptip_content code, .chart-tooltip code, .wc_error_tip code { padding: 1px; background: #888 } #tiptip_content a { color: #ffffff; } body #tiptip_content a:hover { color: inherit; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0 } .wpc-settings-post-type-label { font-family: "Courier New"; font-weight: normal; } .wpc-filter-field-td .select2-container--default .select2-selection--multiple, .wpc-filter-field-td .select2-container .select2-selection--single { width: 100%; height: auto; padding: 3px 5px; resize: none; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 1.4; border: 1px solid #7e8993; border-radius: 3px; color: #32373c; } .wpc-filter-field-td .select2-container .select2-selection--multiple, .wpc-filter-field-td .select2-container--default .select2-selection--multiple { padding: 0 5px; min-height: 0; } .wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 24px; padding-left: 0; min-height: 24px; } .wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; } .wpc-filter-field-td .select2-selection__rendered li { margin-bottom: 0; } .wpc-filter-field-td .select2-container .select2-search--inline .select2-search__field { min-height: 0; width: auto !important; } #wpc-filters-list a.wpc-more-options-toggle { text-decoration: none; } .post-type-filter-seo-rule .inline-edit-status option[value="private"], .post-type-filter-seo-rule .inline-edit-status option[value="pending"], .post-type-filter-set .inline-edit-status option[value="private"], .post-type-filter-set .inline-edit-status option[value="pending"] { display: none; } .fixed .column-set_post_type, .fixed .column-seo_post_type { width: 15%; } .fixed .column-location { width: 45%; } .fixed .column-seo_post_id { width: 10%; } .wpc-form-table.form-table th { width: 300px; } #wpcontent .wpc-admin-toolbar { margin-left: -20px; padding-left: 20px; } .wpc-admin-toolbar { background: #fff; border-bottom: 1px solid #ccd0d4; } .license-notice h2 { min-width: 165px; } .license-notice h2, .wpc-admin-toolbar h2 { font-size: 14px; line-height: 2.57143; display: inline-block; padding: 5px 0; margin: 0 10px 0 0; } .wpc-license-status { color: #919191; font-size: 13px; } .wpc-license-status a { font-weight: 700; } .wpc-plugin-status { text-transform: uppercase; text-decoration: none; } .wpc-registered { color: green; } .wpc-unregistered { color: #cc0000; } .license-notice h2 { line-height: 2; } .woocommerce-page #wpcontent .license-notice, .woocommerce-page.woocommerce_page_wc-admin #wpbody-content .license-notice { margin-left: 20px; } .license-notice p { margin: 9px 20px 9px 0; } .license-notice a { text-decoration: none; } .wpc-admin-toolbar .wpc-tab-divider, .wpc-admin-toolbar .wpc-tab { display: inline-block; line-height: 3; margin: 0 5px; text-decoration: none; } .wpc-admin-toolbar > .wpc-tab { color: inherit; font-size: 14px; padding: 5px; } .wpc-admin-toolbar .wpc-tab.wpc-get-pro { line-height: 2.15384615; min-height: 30px; text-decoration: none; padding: 4px 20px; border-radius: 2px; display: inline-flex; align-items: center; color: var(--wpc-pro-color); box-sizing: border-box; /* multicolour gradient frame, same as the «Get PRO» button on filtereverything.pro */ border: 2px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #FFB300 0%, #FF4D8D 35%, #A855F7 68%, #22D3EE 100%) border-box; } .wpc-admin-toolbar .wpc-tab.wpc-get-pro-background { color: #fff; background: #3858E9; border: 1px solid #3858E9; } .wpc-admin-toolbar .wpc-tab.wpc-get-pro:hover, .wpc-admin-toolbar .wpc-tab.wpc-get-pro-background:hover{ opacity: 0.85; } .wpc-admin-toolbar .wpc-tab.wpc-get-pro span { margin-right: 8px; } .wpc-admin-toolbar .wpc-tab.is-active { border-bottom: 3px solid var(--wp-admin-theme-color, var(--wpc-admin-theme-color)); padding-bottom: 2px; } .license-notice h2 img, .wpc-admin-toolbar h2 img { float: left; margin: 7px 7px 0 0; } .license-notice h2 img { margin-top: 4px; } .wpc-admin-right { float: right; padding-right: 20px; padding-left: 20px; margin: 7px 0; } .wpc-admin-right .wpc-tab.button-primary { margin: 0 0 0 14px; } .wpc-tab .dashicons { position: relative; top: 5px; display: none; } .wpc-tab-divider { border-left: 1px solid #ccc; } .wpc-inactive-settings-field, .wpc-inactive-settings-field-text { color: #b7b7b7; } .description { margin: 2px 0 5px; color: #646970; } .wpc-field-required { color: #929292; margin-left: 3px; } .wpc-go-pro { color: #ed2390; font-weight: 700; } .comparison-table { border-color: #F2F2F2; width: 600px; } .comparison-table td, .comparison-table th { padding: 5px; font-size: 14px; } .comparison-table td:nth-child(2), .comparison-table td:nth-child(3), .comparison-table .second-td, .comparison-table .third-td { text-align: center; } .comparison-table .yes { display: inline-block; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-check-circle fa-w-16 fa-3x'%3E%3Cpath fill='%233c434a' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z' class=''%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 16px; width: 16px; height: 16px; position: relative; } .comparison-table .no { display: inline-block; width: 16px; height: 16px; } .wpc-notes-table { border-color: #f1f1f1; border-style: solid; border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; width: 100%; } .wpc-notes-table th { width: 131px; } .wpc-notes-table td, .wpc-notes-table th { text-align: left; border-bottom: #f1f1f1 solid 1px; border-right: #f1f1f1 solid 1px; padding: 9px 12px; text-align: left; } .wpc-filter-field-min-max-labels-wrap, .wpc-filter-field-include-exclude-wrap, .wpc-filter-field-apply-button-location-td, .wpc-filter-field-location-td { display: flex; justify-content: space-between; flex-wrap: wrap; } .wpc-filter-field-min-max-labels-wrap p.description { flex: 0 0 100%; } div.wpc-field-min_num_label-wrap, div.wpc-field-max_num_label-wrap { width: 49%; } div.wpc_set_fields-apply_button_page_type-wrap, div.wpc_set_fields-wp_page_type-wrap { width: 47%; } div.wpc_set_fields-apply_button_post_name-wrap, div.wpc_set_fields-post_name-wrap { width: 51% } .wpc-warning { color: #cc0000; } .wpc-location-preview-hidden { width: 20px; } a.wpc-location-preview, a.wpc-location-preview-not-pro { text-decoration: none; display: flex; cursor: pointer; align-items: center; color: #666666; width: 20px; height: 100%; outline: none; border: none; } a.wpc-location-preview:hover, a.wpc-location-preview-not-pro:hover { color: #135e96; } a.wpc-location-preview span, a.wpc-location-preview-not-pro span { font-size: 18px; } .wpc-full-width { width: 100%; clear: both; flex-grow: 2; line-height: 20px; } #wpc-field-apply-button-location-container { display: flex; flex-wrap: wrap; } .wpc-field-location-wrapper { display: flex; justify-content: space-between; } #wpc_set_fields-post_name { width: calc(100% - 25px); margin-right: 5px; } .wpc-color-swatches-taxonomies, .wpc-bottom-widget-compatibility { display: none; } .wpc-color-swatches-taxonomies.wpc-opened, .wpc-bottom-widget-compatibility.wpc-opened { display: table-row; } .post-type-filter-set .select2-container--default .select2-results__option { margin: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-bottom: 0; } .post-type-filter-set .select2-container--default .select2-results__option:hover { cursor: pointer; } .post-type-filter-set .select2-container--default .select2-results__option[aria-selected=true], .post-type-filter-set .select2-container--default .select2-results__option[data-selected=true] { background-color: #f2f2f2; } .post-type-filter-set .select2-container--default .select2-results__option--highlighted[aria-selected], .post-type-filter-set .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #0570e2; color: #f5f5f5; } .wpc-filter-tr .select2-container--default .select2-selection--multiple .select2-selection__choice, .wpc-form-table .select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 5px 5px 5px 25px; margin: 5px; position: relative; } .wpc-filter-tr .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .wpc-form-table .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { display: flex; height: 100%; align-items: center; line-height: 1; } .wpc-filter-tr .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .wpc-form-table .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; position: absolute; left: 0; top: 0; } .wpc-filter-tr .select2-container .select2-selection--multiple, .wpc-form-table.form-table .select2-container .select2-selection--multiple { padding: 5px; } .wpc-form-table.form-table .select2-container .select2-selection--multiple { min-height: 52px; } .wpc-filter-tr .select2-container .select2-selection--multiple .select2-selection__rendered:after, .wpc-form-table.form-table .select2-container .select2-selection--multiple .select2-selection__rendered:after { content: ""; display: block; clear: both; float: none; } .wpc-filter-tr .select2-search.select2-search--inline, .wpc-form-table.form-table .select2-search.select2-search--inline { display: inline-block; } .wpc-filter-tr .select2-search.select2-search--inline input.select2-search__field, .wpc-form-table.form-table .select2-search.select2-search--inline input.select2-search__field { width: auto !important; } .wpc-form-table.form-table select#color_swatches_taxonomies + .select2 .select2-search.select2-search--inline input.select2-search__field { min-width: 200px; } .wpc-filter-sortable-handle { width: 14px; height: 14px; font-size: 14px; color: #a3a3a3; } .wpc-filter-head:hover .wpc-filter-sortable-handle { color: inherit; } #license_key { width: 75%; } a#wpc-get-license-key { margin-left: 5px; } /* External-link icon. Drawn as a mask filled with currentColor, so it always matches the link it belongs to: the admin link colour of the running WordPress version and colour scheme, its :hover / :focus shade, and white on the primary «Get your License Key» button. It used to be an SVG image with a hard-coded #2271b1, which drifted from the text once WordPress started taking link colours from the admin theme colour. */ a.wpc-external-link::after, a#wpc-get-license-key::after { content: ""; display: inline-block; width: 11px; height: 11px; margin: 0 3px 0 5px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M663.3,75.3L794,206L336.7,663.3l65.3,65.3l457.3-457.3L990,402V75.3H663.3z M728.7,859.3H206V336.7h261.3L598,206H75.3v784h784V467.3L728.7,598V859.3z'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M663.3,75.3L794,206L336.7,663.3l65.3,65.3l457.3-457.3L990,402V75.3H663.3z M728.7,859.3H206V336.7h261.3L598,206H75.3v784h784V467.3L728.7,598V859.3z'/%3E%3C/svg%3E") no-repeat center / contain; } /* Text links are underlined: drop the icon so that its bottom stroke sits on the underline instead of on the text baseline (measured: the underline runs ~0.17em below the baseline at the admin's 13–14px). Not for the button — it has no underline, and there the baseline is the right place. */ a.wpc-external-link::after { vertical-align: -0.17em; } .td-activate-license .wpc-help-tip { position: relative; top: 5px; } .rtl .wpc-additional-fields-selector { text-align: left; } .wpc-upload-image-button { max-width: 150px; display: block; } .wpc-upload-image-button img { max-width: 150px; height: auto; } #wpc_term_color { max-width: 115px; } .wpc-remove { color: #cc0000; text-decoration: none; border-bottom: 1px dashed #cc0000; } .wpc-remove:hover { color: #e72020; border-bottom: 1px dashed #e72020; } #wpc-image-description, #wpc-color-description { color: #646970; margin-top: 4px; } .wpc-term-preview { width: 30px; height: 30px; border: rgba(0, 0, 0, 0.2) 1px solid; border-radius: 2px; margin: 1px 2px; } #wpc-term-meta { width: 30px; } /* https://www.kirupa.com/animations/creating_pulsing_circle_animation.htm */ .wpc-tab-helpme:before, .wpc-help-me:before { content: ""; display: inline-block; width: 7px; height: 7px; background-color: #10c350; border-radius: 7px; margin-right: 6px; } .wpc-help-me-wrapper { background-color: #ffffff; padding: 25px; max-width: 775px; border: 1px solid #ccc; border-top-color: transparent; margin-top: 10px; } .wpc-help-me-image { float: left; margin-right: 25px; border: 1px solid #c8c8c8; } .wpc-help-me-wrapper + p.submit { display: none; } .wpc-help-me-buttons a.wpc-leave-review-button { margin-right: 30px; } .wpc-help-me-buttons { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 20px; } .wpc-help-me-remove-tab { margin-top: 24px; text-align: center; } .wpc-help-me-remove-tab a { color: #cc0000; text-decoration: none; border-bottom: 1px dashed #cc0000; } .wpc-help-me-remove-tab a:hover { color: #ff0000; border-bottom-color: #ff0000; } .wpc-help-me-remove-icon { font-size: 120%; } .wpc-text-input-search { width: 100%; max-width: 200px; } .wpc-variable-inserter { font-family: Consolas, Monaco, monospace; padding: 3px 0 2px; margin: 0 1px; background: #f0f0f1; background: rgba(0, 0, 0, 0.07); border-bottom: 1px dashed #646970; cursor: pointer; font-size: 12px; } @media screen and (max-width: 1200px) { #wpc-intersections-table .wpc-filter-field-td { padding-top: 10px; padding-bottom: 10px; display: block !important; width: auto !important; border: 0 none !important; } .wpc-filter-field-apply-button-location-td, .wpc-filter-field-location-td { display: block; } div.wpc_set_fields-apply_button_post_name-wrap, div.wpc_set_fields-apply_button_page_type-wrap, div.wpc_set_fields-post_name-wrap, div.wpc_set_fields-wp_page_type-wrap { width: 100%; } .wpc-field-exclude-wrap { width: 73%; margin-right: 2%; } .wpc-field-include-wrap { width: 25%; display: flex; } .wpc-field-include { min-width: 0; } } @media screen and (max-width: 850px) { .wpc-no-filters { padding-left: 24px; padding-right: 24px; } .wpc-filter-label-td:not(.wpc-filter-delete-controls-td), .wpc-filter-field-td:not(.wpc-filter-delete-td) { display: block !important; width: auto !important; border: 0 none !important; } .wpc-filter-label-td { background-color: transparent; padding-bottom: 0; } .wpc-additional-fields-selector { position: static; top: auto; margin-top: 15px; } .wpc-field-description br { display: none; } } @media screen and (max-width: 782px) { .wpc-filter-field-td .select2-container .select2-selection--multiple .select2-selection__rendered { min-height: 27px; line-height: 27px; } .wpc-filter-field-td .select2-container .select2-selection--multiple .select2-selection__rendered, .wpc-filter-field-td .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered { min-height: 28px; line-height: 28px; } .wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__rendered { min-height: 32px; line-height: 32px; } .wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } .form-table.wpc-sortable-table th, .form-table.wpc-sortable-table td { display: table-cell; margin-bottom: 9px; padding: 15px 10px; line-height: 1.3; vertical-align: middle; } } @media screen and (max-width: 600px) { .wpc-admin-toolbar { display: none; } .comparison-table { width: auto; } .wpc-filter-field-include-exclude-wrap { display: block; } .wpc-field-exclude-wrap, .wpc-field-include-wrap { width: 100%; } .wpc-field-exclude-wrap { margin-right: 0; margin-bottom: 10px; } } @media screen and (max-width: 485px) { .wpc-filter-label-td.wpc-filter-delete-controls-td, .wpc-filter-field-td.wpc-filter-delete-td { display: block !important; width: auto !important; border: 0 none !important; } .wpc-filter-view { display: none; } li.wpc-filter-label, li.wpc-filter-entity, li.wpc-filter-slug { width: 30%; } .form-table.wpc-sortable-table th, .form-table.wpc-sortable-table td { padding-left: 0; } } .flrt-checkbox-switch-wrapper { display: inline-flex; align-items: center; gap: 10px; font-family: sans-serif; } .flrt-checkbox-switch { position: relative; display: inline-block; width: 48px; height: 24px; } .flrt-checkbox-switch input { opacity: 0; width: 0; height: 0; } .flrt-checkbox-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 34px; } .flrt-checkbox-slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; background-color: white; transition: 0.4s; border-radius: 50%; } input:checked + .flrt-checkbox-slider { background-color: var(--wp-admin-theme-color, var(--wpc-admin-theme-color)); } input:active + .flrt-checkbox-slider:hover, input:focus + .flrt-checkbox-slider:hover { box-shadow: 0px 0px 0px 3px color-mix(in srgb, var(--wp-admin-theme-color-darker-10, var(--wpc--admin-theme-color-darker-10)) 17%, transparent); } input:checked + .flrt-checkbox-slider:before { left: 0px; transform: translateX(26px); } label.flrt-checkbox-switch:hover input + span.flrt-checkbox-slide, .flrt-checkbox-slider:hover { background-color: rgb(152, 162, 179); transition: background 0.25s; } input:checked + .flrt-checkbox-slider:hover { background-color: var(--wp-admin-theme-color-darker-10, var(--wpc--admin-theme-color-darker-10)); } a.wpc-location-preview.display-none, a.wpc-location-preview-not-pro.display-none { display: none; } .wpc_set_fields-instead_post_name-wrap { display: flex; } .wpc-field-instead-of-location { margin-right: 5px !important; } .wpc-view-rating .wpc-field-orderby-tr, .wpc-view-rating .wpc-field-search-tr, .wpc-view-rating .wpc-field-more-less-tr { display: none; } #wpc-create-xml { padding-left: 50px; padding-right: 50px; display: flex; align-items: center; } #wpc-create-xml span { margin-left: 8px; } #wpc-loader, .button.wpc-button-animation-loader, .button.wpc-button-animation-loader:hover, .button.wpc-button-animation-loader:active, .button.wpc-button-animation-loader:focus, .button.wpc-xml-loader, .button.wpc-xml-loader:hover, .button.wpc-xml-loader:active, .button.wpc-xml-loader:focus { position: relative; overflow: hidden; background: repeating-linear-gradient(135deg, #3858E9 0 10px, #506df4 0 20px) 0 / 0 no-repeat, #f6f7f7; animation: fillTo10 2s ease-in-out forwards; } #wpc-loader, .button.wpc-button-animation-loader, .button.wpc-button-animation-loader:hover, .button.wpc-button-animation-loader:active, .button.wpc-button-animation-loader:focus { animation: fillTo0-100 2.2s ease-in-out forwards; } @keyframes fillTo0-100 { 0% { background-size: 0% } 100% { background-size: 100% } } @keyframes fillTo10 { 0% { background-size: 0% } 100% { background-size: 10% } } @keyframes fillTo20 { 0% { background-size: 10% } 100% { background-size: 20% } } @keyframes fillTo30 { 0% { background-size: 20% } 100% { background-size: 30% } } @keyframes fillTo40 { 0% { background-size: 30% } 100% { background-size: 40% } } @keyframes fillTo50 { 0% { background-size: 40% } 100% { background-size: 50% } } @keyframes fillTo60 { 0% { background-size: 50% } 100% { background-size: 60% } } @keyframes fillTo70 { 0% { background-size: 60% } 100% { background-size: 70% } } @keyframes fillTo80 { 0% { background-size: 70% } 100% { background-size: 80% } } @keyframes fillTo90 { 0% { background-size: 80% } 100% { background-size: 90% } } @keyframes fillTo100 { 0% { background-size: 90% } 100% { background-size: 100% } } .button.wpc-xml-loader.fill-complete { animation: fillTo100 0.2s forwards; } .button.wpc-xml-loader::after, #wpc-loader::after, .wpc-button-animation-loader::after { content: ""; position: absolute; top: 0; bottom: 0; width: 20px; background: rgba(255, 255, 255, 0.6); filter: blur(4px); transform: skewX(-20deg); animation: shimmerMove 1.2s linear infinite; } @keyframes shimmerMove { 0% { left: -30px; } 100% { left: 100%; } } #wpc-loader::after { animation: wpc-loader-shimmerMove 3.5s linear infinite; } @keyframes wpc-loader-shimmerMove { 0% { left: -100px; } 100% { left: 100%; } } .wpc-create-xml-file-wrap { display: flex; align-items: center; justify-content: end; } .wpc-create-xml-file-wrap .wpc-help-tip { font-size: 1.2rem; margin-left: 8px; } #wpc-create-auto-filter-div { display: flex; justify-content: end; } #wpc-xml-link { margin-left: 12px; display: flex; align-items: center; } #wpc-xml-link svg { width: 20px; margin-right: -8px; margin-bottom: -3px; margin-left: 4px; fill: #2271b1; } #wpc-xml-link:hover svg { fill: #0a4b78; } #wpc-xml-link.hidden-xml-button { display: none; } .flrt-file-upload input { font-family: inherit; font-size: 13px; padding: 6px; border: none; background-color: transparent; color: #333; } .flrt-file-upload input::file-selector-button { background-color: #f6f7f7; color: #2271b1; border-color: #2271b1; padding: 10px 18px; text-decoration: none; font-size: 13px; border-radius: 3px; margin-right: 12px; cursor: pointer; font-weight: 400; border-width: 1px; transition: background-color 0.3s ease; } .flrt-file-upload input::file-selector-button:hover { background-color: #f0f0f1; border-color: #0a4b78; color: #0a4b78; } #import-export-tab { display: flex; width: 100%; justify-content: space-between; } .import-export-block:first-child { margin-right: 4%; } .import-export-block { box-sizing: border-box; width: 48%; margin: 30px 0; border: 1px solid #c3c4c7; border-radius: 25px; padding: 20px 30px 40px 30px; } .wpc_import_message { border-radius: 3px; align-items: center; display: flex; width: 100%; font-size: 14px; } .wpc_import_message span { margin-left: 8px; } #wpc-loader { height: 25px; border-radius: 3px; margin-bottom: 15px; } .wpc_before_import_export_blocks { color: #656970; display: flex; align-items: center; } @media screen and (max-width: 1440px) { #import-export-tab, .wpc_before_import_export_blocks { flex-direction: column; } .import-export-block { width: 100%; margin: 20px 0; } } .flrt-create-auto-filter-set { margin: 130px 0; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } .flrt-create-auto-filter-set p { margin: 0.5rem 0; } .wpc-auto-filter-buttons { margin-bottom: 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .flrt-create-auto-filter-set a { font-size: 18px !important; text-align: center; padding: 8px 25px !important; } .flrt-duplicate-filter-set { font-size: 16px; font-weight: bold; } .wpc-field-horizontal-view-priority-tr { display: none; } .wpc-text-center { text-align: center; } .wpc-select2-dots { padding: 0 4px; } .wpc-select2-info { background: #e7e7e7; padding: 2px 8px; border-radius: 4px; } .post-type-filter-set .select2-container--default .select2-results__option--highlighted[aria-selected] .wpc-select2-info, .post-type-filter-set .select2-container--default .select2-results__option--highlighted[data-selected] .wpc-select2-info { color: #3c434a; } #wpc-seo-settings { margin-top: 16px; } .wpc-seo-setting-head { background: #fff; } .wpc-filter-head.wpc-seo-setting-head { cursor: pointer; } .wpc-setting-body { margin-left: 3rem; } .wpc-import-export-title { display: flex; justify-content: space-between; align-items: center; } .wpc-import-export-title .wpc-help-tip:after { font-size: 1.2rem; } .wpc-import-export-title h2 { display: flex; align-items: center; } .wpc-import-export-title h2 svg { margin-right: 8px; } #wpc-import-icon { margin-bottom: -2px; } .wpc-import-export-checkboxes { display: grid; row-gap: 24px; column-gap: 16px; grid-template-columns: 50% 50%; } .wpc-import-file-setting-block { display: flex; align-items: center; } .wpc-export-import-desc { line-height: 1.3; font-weight: 600; color: #1d2327; text-shadow: none; font-size: 14px; margin-right: 32px; } .wpc-export-file-setting-block { display: flex; align-items: center; } .wpc-export-file-setting-block, .wpc-import-file-setting-block { height: 56px; margin-bottom: 30px; } .wpc-alert-emoji { margin-right: 4px; } #wpc-seo-settings .nav-tab { padding: 10px 20px; background: none; box-shadow: none; } #wpc-seo-settings .tab-content { display: none; } .column-where_filter { width: 64px; text-align: center; } .column-where_filter a { display: flex; align-items: center; justify-content: center; width: 100%; } #where_filter { text-align: center; width: 140px; } #where_filter > div, tfoot .column-where_filter > div { display: flex; justify-content: center; align-items: center; } #where_filter svg, tfoot .column-where_filter svg { margin-left: 2px; fill: #2c3338; } select.wpc-field-logic option[disabled="disabled"], select.wpc-field-orderby option[disabled="disabled"], select.wpc-field-view option[disabled="disabled"], select.wpc-field-parent-filter option[disabled="disabled"], select.wpc-field-entity option[disabled]:not(.tax_numeric-disabled, .post_meta_exists-disabled) { display: none; } .wpc-pro-bnf-page-wrap .wpc-crown-icon, .wpc-crown-icon{ width: 16px; height: 16px; margin-left: 6px; } .wpc-vailable-in-pro-link, .wpc-vailable-in-pro-link:hover { cursor: pointer; color: var(--wpc-pro-color); } .wpc-pro-badge-transparent { color: var(--wpc-pro-color); font-weight: normal; padding: 2px 6px; border-radius: 14px; margin-left: 6px; font-size: 10px; border: 1px solid var(--wpc-pro-color); background: transparent; position: relative; bottom: 4px; } .wpc-filter-label.wpc-filter-label-in-pro { display: flex; justify-content: space-between; } .wpc-available-in-pro-button { text-decoration: none; background: transparent; padding: 8px 12px; padding: 8px 20px; border-radius: 2px; color: var(--wpc-pro-color); display: inline-flex; line-height: 1; align-items: center; border: 1px solid var(--wpc-pro-color); } .locale-de-de .wpc-available-in-pro-button span{ margin-left: 2px; } .wpc-available-in-pro-button:hover { opacity: 0.8; } .wpc-available-in-pro-button:focus, .wpc-available-in-pro-button:active { color: #fff; box-shadow: none; } .wpc-available-in-pro-button span { margin-left: 8px; } .wpc-available-in-pro-button:hover { color: var(--wpc-pro-color); } .wpc-row-pro-only { display: flex; justify-content: space-between; /* stretch (the default) inflates the PRO badge to the full row height when the option title wraps to a second line */ align-items: baseline; } .wpc-icon-help-tip { cursor: help; } .wpc-pro-filter-set-badge { display: flex; } .wpc-pro-filter-set-badge .wpc-alert-emoji { margin-top: -1px; margin-right: 0; display: flex; align-items: center; } .duplicate-filter-set { margin-bottom: 4px; } #flrt-pro-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 99999; justify-content: center; align-items: center; } .flrt-upgrade-to-pro-popup-modal-wrapper * { box-sizing: border-box; margin: 0; padding: 0; font-family: inherit; } .flrt-upgrade-to-pro-popup-modal-wrapper { padding: 0; background-color: transparent; max-width: 740px; width: 100%; } .flrt-upgrade-to-pro-popup-modal { background-color: #ffffff; width: 100%; position: relative; display: flex; padding: 48px 18px 32px 18px; gap: 24px; border-radius: 12px; } .flrt-upgrade-to-pro-popup-close-btn { position: absolute; top: 12px; right: 18px; cursor: pointer; z-index: 10; } .flrt-upgrade-to-pro-popup-features-side { max-width: 334px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-left: 8px; } .flrt-upgrade-to-pro-popup-table { width: 100%; border-collapse: collapse; border: none; } .flrt-upgrade-to-pro-popup-th { text-align: center; font-size: 14px; color: #000000; font-weight: 600; padding-bottom: 0; } .flrt-upgrade-to-pro-popup-td { padding: 12px 0 11px 0; border-bottom: 1px solid #CCD4E3; font-size: 15px; color: #000000; vertical-align: middle; line-height: 130%; } .flrt-upgrade-to-pro-popup-tr-first .flrt-upgrade-to-pro-popup-td { padding: 8px 0 11px 0; } .flrt-upgrade-to-pro-popup-modal-wrapper tr td:nth-child(3), .flrt-upgrade-to-pro-popup-modal-wrapper tr th:nth-child(3) { padding-left: 8px; } .flrt-upgrade-to-pro-popup-tr-last .flrt-upgrade-to-pro-popup-td { border-bottom: none; padding: 12px 0 0 0; } .flrt-upgrade-to-pro-popup-dash-icon { height: 24px; width: 24px; min-height: 24px; min-width: 24px; background-image: url('data:image/svg+xml,%3Csvg width="14" height="2" viewBox="0 0 14 2" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0.000156432 -1.91331e-05H13.3202V1.94398H0.000156432V-1.91331e-05Z" fill="%237B879C"/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; background-size: 14px 2px; margin: 0 auto; } .flrt-upgrade-to-pro-popup-checkmark-icon { height: 24px; width: 24px; min-height: 24px; min-width: 24px; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .flrt-upgrade-to-pro-popup-link-icon { height: 20px; width: 20px; background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18.0001 12.9999V18.9999C18.0001 19.5303 17.7894 20.039 17.4143 20.4141C17.0392 20.7892 16.5305 20.9999 16.0001 20.9999H5.00001C4.46958 20.9999 3.96087 20.7892 3.58579 20.4141C3.21071 20.039 3 19.5303 3 18.9999V7.99983C3 7.46939 3.21071 6.96068 3.58579 6.58561C3.96087 6.21053 4.46958 5.99982 5.00001 5.99982H11.0001" stroke="%23000000" stroke-width="2.02501" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M15 2.99994H21V8.99998" stroke="%23000000" stroke-width="2.02501" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M10 14L21.0001 2.99994" stroke="%23000000" stroke-width="2.02501" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; margin: -2px 0 0 10px; } .flrt-upgrade-to-pro-popup-close-icon { height: 24px; width: 24px; background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18" stroke="%237B879C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; background-size: 24px 24px; } .flrt-upgrade-to-pro-popup-center-col { text-align: center; width: 52px; font-size: 14px; line-height: 160%; font-weight: 400; } .flrt-upgrade-to-pro-popup-center-col:last-child { font-weight: 600; } .flrt-upgrade-to-pro-popup-see-all-container { text-align: center; display: flex; align-content: center; justify-content: center; width: 100%; margin-top: 32px; height: 24px; } .flrt-upgrade-to-pro-popup-see-all-link { display: inline-flex; align-items: center; justify-content: center; color: #000000 !important; text-decoration: none; font-weight: 600; font-size: 14px; } .flrt-upgrade-to-pro-popup-see-all-link:hover { opacity: 0.85; } .flrt-upgrade-to-pro-popup-promo-side { display: flex; flex-direction: column; max-width: 346px; width: 100%; } .flrt-upgrade-to-pro-popup-promo-card { background-color: #E8ECFF; border-radius: 12px; padding: 24px 24px 24px 24px; text-align: center; } .flrt-upgrade-to-pro-popup-promo-title { font-size: 28px; font-weight: 700; color: #000000; line-height: 130%; margin-bottom: 16px; margin-top: 3px; } .flrt-upgrade-to-pro-popup-modal .flrt-td-feature-flex { display: flex; /* baseline keeps the badge and the help icon on the FIRST line when a translated label wraps to two lines */ align-items: baseline; } .flrt-upgrade-to-pro-popup-modal .fetm-new-badge { background: #3858E9; color: #fff; padding: 2px 6px; border-radius: 14px; margin: 0 10px 0 6px; font-size: 10px; font-weight: 600; line-height: 1.5; display: inline-block; flex-shrink: 0; white-space: nowrap; } .flrt-upgrade-to-pro-popup-modal .fetm-help-tip { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 16px; height: 16px; border: 1px solid #929292; border-radius: 50%; color: #929292; background: transparent; font-size: 11px; font-weight: 600; line-height: 1; margin-left: auto; cursor: help; } .flrt-upgrade-to-pro-popup-rating { display: flex; align-items: center; justify-content: center; gap: 0; margin: -6px 0 12px; } .flrt-upgrade-to-pro-popup-rating svg { display: block; margin: 0 -3px 0 0; } .flrt-upgrade-to-pro-popup-rating-number { color: #000000; font-size: 14px; font-weight: 400; line-height: 130%; margin-left: 6px; } .flrt-upgrade-to-pro-popup-subtitle { color: #000000; font-size: 17px; font-weight: 600; line-height: 130%; margin-bottom: 33px; } .flrt-upgrade-to-pro-popup-pricing-row { color: #000000; font-size: 14px; display: flex; align-items: center; justify-content: center; gap: 10px; } .flrt-upgrade-to-pro-popup-price-dot { color: #7B879C; } .flrt-upgrade-to-pro-popup-price-tag { font-size: 34px; line-height: 130%; font-weight: 600; } /* Sale price from the notifications feed: old price struck out above, new price emphasised */ .flrt-upgrade-to-pro-popup-price-tag--sale { display: inline-flex; flex-direction: column; align-items: center; line-height: 1.1; } .flrt-upgrade-to-pro-popup-price-was { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 500; color: #7B879C; } .flrt-upgrade-to-pro-popup-price-was s { text-decoration-thickness: 2px; } .flrt-upgrade-to-pro-popup-price-off { display: inline-block; padding: 1px 7px; border-radius: 999px; background: #D63638; color: #ffffff; font-size: 11px; font-weight: 700; letter-spacing: .02em; line-height: 16px; } .flrt-upgrade-to-pro-popup-price-tag--sale .flrt-upgrade-to-pro-popup-price-now { color: #D63638; } .flrt-upgrade-to-pro-popup-sale-note { margin-top: 14px; font-size: 13px; font-weight: 600; color: #D63638; line-height: 130%; } .flrt-upgrade-to-pro-popup-sale-note + .flrt-upgrade-to-pro-popup-support-text { margin-top: 10px; } .flrt-upgrade-to-pro-popup-under-button-text, .flrt-upgrade-to-pro-popup-support-text { margin-top: 28px; font-weight: 400; font-size: 13px; color: #565656; line-height: 130%; } /* "Plugin keeps working after expiry" only — underlined so the reassurance is not overlooked */ .flrt-upgrade-to-pro-popup-support-text { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } .flrt-upgrade-to-pro-popup-under-button-text{ margin: 16px 0 0 0; text-align: center; } .flrt-upgrade-to-pro-popup-unlock-btn { background-color: #3858E9 !important; color: white !important; text-align: center; padding: 15px 0; border-radius: 8px; text-decoration: none; font-weight: 500; margin-top: 12px; font-size: 18px; line-height: 100%; } .flrt-upgrade-to-pro-popup-unlock-btn:focus{ border-radius: 8px; } .flrt-upgrade-to-pro-popup-unlock-btn:hover { opacity: 0.85; } .flrt-upgrade-to-pro-popup-unlock-btn .wpc-crown-icon{ position: relative; top: 1px; margin-left: 4px; } @media (max-width: 768px) { .flrt-upgrade-to-pro-popup-modal-wrapper { padding: 0 12px; max-width: 370px; width: calc(100% - 24px); } .flrt-upgrade-to-pro-popup-modal { flex-direction: column; padding: 54px 18px 32px 18px; width: 100%; } .flrt-upgrade-to-pro-popup-close-btn { top: 18px; right: 18px; } .flrt-upgrade-to-pro-popup-features-side { padding: 0; max-width: unset; } .flrt-upgrade-to-pro-popup-tr-first .flrt-upgrade-to-pro-popup-td, .flrt-upgrade-to-pro-popup-td { padding: 8px 0 7px 0; } .flrt-upgrade-to-pro-popup-tr-last .flrt-upgrade-to-pro-popup-td { padding: 8px 0 0 0; } .flrt-upgrade-to-pro-popup-see-all-container { margin-top: 24px; } .flrt-upgrade-to-pro-popup-promo-side { max-width: unset; } .flrt-upgrade-to-pro-popup-promo-card { padding: 24px 18px; } .flrt-upgrade-to-pro-popup-promo-title { margin-bottom: 8px; } .flrt-upgrade-to-pro-popup-subtitle { margin-bottom: 26px; } .flrt-upgrade-to-pro-popup-support-text { margin-top: 9px; } } .wpc-pro-filter-set-badge .wpc-pro-badge-text { color: var(--wpc-pro-color) !important; } .post-type-filter-set #major-publishing-actions{ display: block; } .wpc-tab-aboutpro { display: flex; } /* «PRO benefits» tab: the same multicolour frame as the toolbar button and the site's «Get PRO». Opaque bottom border on the active tab hides the gradient there so it still merges with the page like every other active tab. */ .nav-tab-wrapper .nav-tab.wpc-tab-aboutpro { border: 2px solid transparent; border-bottom: none; padding-top: 4px; background: linear-gradient(#dcdcde, #dcdcde) padding-box, linear-gradient(135deg, #FFB300 0%, #FF4D8D 35%, #A855F7 68%, #22D3EE 100%) border-box; } .nav-tab-wrapper .nav-tab.wpc-tab-aboutpro:hover { background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #FFB300 0%, #FF4D8D 35%, #A855F7 68%, #22D3EE 100%) border-box; } .nav-tab-wrapper .nav-tab.wpc-tab-aboutpro.nav-tab-active, .nav-tab-wrapper .nav-tab.wpc-tab-aboutpro.nav-tab-active:hover { border-bottom: 1px solid #f0f0f1; background: linear-gradient(#f0f0f1, #f0f0f1) padding-box, linear-gradient(135deg, #FFB300 0%, #FF4D8D 35%, #A855F7 68%, #22D3EE 100%) border-box; } .wpc-nav-tab-icon{ display: flex; align-items: center; margin-left: 4px; } @media screen and (max-width: 1160px) { .wpc-admin-toolbar .wpc-tab.wpc-importexportpro, .wpc-admin-toolbar .wpc-tab.wpc-importationexportationpro, .wpc-admin-toolbar .wpc-tab.wpc-importierenexportierenpro, .wpc-admin-toolbar .wpc-tab.wpc-pro, .wpc-admin-toolbar .wpc-importaesportapro, .wpc-admin-toolbar .wpc-importarexportarpro, .wpc-admin-toolbar .wpc-importerenexporterenpro, .wpc-admin-toolbar .wpc-tab.wpc-importujeksportujpro{ display: none; } } .wpc-range-list-inputs{ display: flex; } .wpc-range-list-inputs div{ margin-right: 8px; margin-bottom: 8px; } .wpc-range-list-inputs input { width: 130px !important; } .wpc-range-list-value-error, .wpc-range-list-value-error-button{ color: #d99e00; background: #fff6e1; margin-bottom: 8px; padding: 3px 12px; } .wpc-field-show-range-list-input{ margin-bottom: 8px !important; } .wpc_set_fields-custom_posts_container-wrap{ display: flex; } a.button.wpc-choose-selector{ margin-left: 2px; } #wpc-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); z-index: 999999; display: flex; align-items: center; justify-content: center; } .wpc-modal-content { position: relative; width: 95vw; height: 95vh; background: #fff; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; } .wpc-modal-header { padding: 10px 16px; background: #23282d; display: flex; justify-content: space-between; align-items: center; } .wpc-modal-title { color: #fff; font-size: 14px; } .wpc-modal-close { background: none; border: none; color: #fff; font-size: 20px; cursor: pointer; line-height: 1; } #wpc-selector-iframe{ flex: 1; border: none; width: 100%; } .wpc-modal-description{ border-radius: 4px; border: 3px solid#ffdd00; background: #000; color: #ffdd00; padding: 10px 24px; position: relative; font-size: 16px; font-weight: bold; } #wpc-choose-element-loading-spinner { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } #wpc-choose-element-loading-spinner .choose-element-spinner { border: 4px solid #f3f3f3; border-top: 4px solid var(--main-color); border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* What's new page (src/Admin/WhatsNew.php) */ .wpc-whats-new .wpc-whats-new-date{color:#646970;margin-top:-6px} .wpc-whats-new-list{list-style:none;margin:16px 0 20px;padding:0;max-width:860px} .wpc-whats-new-list li{background:#fff;border:1px solid #c3c4c7;border-radius:4px;padding:12px 14px;margin:0 0 8px;font-size:14px;line-height:1.55} .wpc-whats-new-tag{display:inline-block;font-size:11px;font-weight:600;line-height:1;padding:4px 7px;border-radius:3px;background:#f0f0f1;color:#50575e;margin:0 8px 0 0;vertical-align:middle;text-transform:uppercase;letter-spacing:.02em} .wpc-whats-new-tag-new{background:#0570e2;color:#fff} .wpc-whats-new-earlier{max-width:860px;margin-top:24px} .wpc-whats-new-earlier summary{cursor:pointer;font-weight:600;font-size:14px;padding:6px 0} .wpc-whats-new-earlier h3{margin:18px 0 6px;font-size:14px} .wpc-whats-new-earlier h3 small{color:#646970;font-weight:400;margin-left:6px} .wpc-whats-new-earlier ul{list-style:disc;margin:0 0 0 20px} .wpc-whats-new-earlier li{margin:0 0 4px;color:#3c434a} #adminmenu .flrt-whats-new-badge{margin-left:5px} .nav-tab .flrt-whats-new-badge{display:inline-block;margin-left:6px;vertical-align:1px;background:#d63638;color:#fff;font-size:9px;line-height:17px;font-weight:600;min-width:17px;height:17px;padding:0 5px;border-radius:10px;text-align:center;box-sizing:border-box}.nav-tab .flrt-whats-new-badge .plugin-count{display:inline} .wpc-whats-new h2{font-size:1.3em;margin:1em 0 .6em} /* Toolbar brand: logo + name link back to the Filter Sets list; version in the same colour as the name (both builds) */ .wpc-admin-toolbar h2 .wpc-toolbar-brand{color:inherit;text-decoration:none;display:inline-block} .wpc-admin-toolbar h2 .wpc-toolbar-brand:hover, .wpc-admin-toolbar h2 .wpc-toolbar-brand:focus{color:inherit;text-decoration:none;box-shadow:none} .wpc-admin-toolbar h2 .wpc-plugin-version{font-size:13px;font-weight:400;color:inherit;margin-left:6px;vertical-align:baseline} /* License tab: purchase-source cards */ .wpc-license-lock { background: #fcf0f1; border-left: 4px solid #d63638; padding: 10px 14px; margin: 0 0 20px; max-width: 960px; } .wpc-license-sources { max-width: 960px; margin: 0 0 8px; } .wpc-license-sources h3 { margin: 0 0 4px; font-size: 15px; } .wpc-license-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 16px 0 18px; } .wpc-license-card { border: 1px solid #c3c4c7; border-radius: 6px; padding: 18px 20px; background: #fbfbfc; } .wpc-license-card h4 { margin: 0 0 4px; font-size: 14px; } .wpc-license-card-sub { color: #646970; margin: 0 0 12px; } .wpc-license-card ol { margin: 0 0 12px 18px; padding: 0; } .wpc-license-card li { margin: 0 0 6px; } .wpc-license-card-warn { background: #fff8e5; border-left: 3px solid #dba617; padding: 6px 10px; margin: 8px 0 14px; font-size: 12px; } .wpc-license-card code { font-size: 12px; } @media (max-width: 960px) { .wpc-license-cards { grid-template-columns: 1fr; } }